[CSS] Font-Family

[Mittnick]

Ik ben op het moment bezig met een website; en dan is het wel zo netjes als alles CSS-Valid is, nu ik hem net door de validator heen haal krijg ik elke keer dezelfde error, en ik heb geen idee hoe ik dit zou moeten oplossen.

Error:

code:

Line : 14 font-family: You are encouraged to offer a generic family as a last alternative 
Line : 14 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : body

CSS:

code:

/* BODY */
    body {
        font-family: "Century Gothic", Verdana;
        font-size: 12px;
        line-height: 14px;}


/* HEADERS */
    H2 {
        font-size: 13px;
        margin:0px;
        padding : 3px 4px 3px 4px;
        color: #343961;
        background-color:#ededec;
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;}


/* CONENT ENTRY */
    #entryreacties {
        margin-top: 1px;
        margin-bottom: 1px;
        border-bottom: 1px solid #d3d3d3;
        padding-left:12px;}
    
    #entryalert {
        margin-top: 1px;
        margin-bottom: 1px;
        color:#FF0000;
        background-color:#ededec;
        padding-left:12px;}
    
    #entrycontentlinks {
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 12px;
        padding: 2px;}
    
    #entrycontent {
        margin-top: 8px;
        margin-bottom: 6px;
        padding: 4px;}


/* HYPERLINKS */
    a {color: #2E7EB1; text-decoration: none; background-color:#ededec;}
    a:hover {color: #999999; background-color:#ededec;}


/* FORMULIER (E-Mail & Reacties) */
    div.formulier > label {
    float:left;
    top: 25px;
    width:75px;}
    
    .formulier { 
    position: relative;
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
    padding-bottom: 10px;
    clear:left;
    margin-left: 2px;}


/* ETC - GRAVATARS */
    .gravatar {
    border: 1px solid #d3d3d3;
    margin-right: 5px;
    margin-left: 5px;
    margin-top:5px;
    margin-bottom:5px;
    height: 40px;
    width: 40px;}

/* ETC - DATE */
    #date {
        font-size: 10px;
        margin:0px;
        padding : 0px 0px 0px 0px;
        color: #343961;
        text-align:right;
        background-color:#ededec;
        font-style:italic;}

/* ETC - SUBEND */
    #subend{
        border-bottom: 1px solid #d3d3d3;
        margin-bottom: 10px;}

Graag zou ik weten hoe ik dit op zou kunnen lossen, want het is toch wel vervelend..

[CodeCaster]

Simpel. Je moet een generiek lettertype zoals Times of Arial erbij zetten als terugvalbasis, mocht de bezoeker de door jou gekozen lettertypes niet geïnstalleerd hebben.

[mithras]

Het gaat erom dat als zowel Century Gothic en Verdana niet bestaan, je browser een generic family uitkiest. Bij jou zal dat dan sans-serif zijn, dus dan krijg je:

Cascading Stylesheet:

font-family: "Century Gothic", Verdana, sans-serif;

CodeCaster schreef op maandag 23 oktober 2006 @ 12:54:
Simpel. Je moet een generiek lettertype zoals Times of Arial erbij zetten als terugvalbasis, mocht de bezoeker de door jou gekozen lettertypes niet geïnstalleerd hebben.

Maar Times of Arial zijn geen generieke families Standaard hebben *nix users geen Times of Arial. Echter zijn deze 2 wel de eerste keuze wat betreft de resp. serif en sans-serif families onder Windows.

[ Voor 51% gewijzigd door mithras op 23-10-2006 12:57 ]

[AtleX]

Generieke lettertypen zijn toch:
• serif
• sans-serif
• monospace

En nog een paar anderen?

[Mittnick]

Mithras86 schreef op maandag 23 oktober 2006 @ 12:55:
Het gaat erom dat als zowel Century Gothic en Verdana niet bestaan, je browser een generic family uitkiest. Bij jou zal dat dan sans-serif zijn, dus dan krijg je:

Cascading Stylesheet:

font-family: "Century Gothic", Verdana, sans-serif;

[...]

Maar Times of Arial zijn geen generieke families Standaard hebben *nix users geen Times of Arial. Echter zijn deze 2 wel de eerste keuze wat betreft de resp. serif en sans-serif families onder Windows.

Hardstikke bedankt! er moet dus altijd een generic-family worden gedefinieert, zodat de gebruiker ook altijd de tekst normaal krijgt te zien

[Geert.H]

Verder is het volgens mij ook een waarschuwing, en geen error van de validator. Daar moet je niet al te veel waarde aan hechten.

[Berkery]

Mittnick schreef op maandag 23 oktober 2006 @ 13:05:

Hardstikke bedankt! er moet dus altijd een generic-family worden gedefinieert, zodat de gebruiker ook altijd de tekst normaal krijgt te zien

Dat is vooral handig voor gebruikers wiens browser als standaardlettertype 'WingDIngs' hebben, terwijl ze geen 'Wingdings' kunnen lezen. Je kan het net zo goed weglaten imho.

[AtleX]

Ben ik niet met je eens Berekery. Je kan niet weten welke lettertypes een gebruiker heeft geïnstalleerd (Linux zonder ms-core-fonts bijvoorbeeld), en dan is het opgeven van een generieke family een stukje zekerheid. Er verschijnt dan in ieder geval een lettertype wat qua stijl enigzins lijkt op wat je oorspronkelijk bedoeld hebt, en niet het default font van de browser oid.

[Osiris]

Geert.H schreef op maandag 23 oktober 2006 @ 14:16:
Verder is het volgens mij ook een waarschuwing, en geen error van de validator. Daar moet je niet al te veel waarde aan hechten.

Mwah, toevallig is deze warning toch echt wel handig Als jij op je site alleen maar gebruik maakt van sans-serif-fonts (dus zonder die haakjes en shizzle) en je browser gaat opeens Times New Roman (om maar eens een serif-font te noemen) gebruiken mét allerlei stomme haakjes en overbodige shit die je niet wil zien, dan ziet je site er opeens héél erg n00bish uit IMO

[BtM909]

Ik weet niet of die warning wel of niet handig is, als sans-serif bijvoorbeeld niet in het ontwerp past, dan maakt het mij als ontwerper niet meer uit of je je eigen default lettertype wilt gebruiken voor weergave.