Lettertype-familie - CSS-trucs

De font-familyeigenschap definieert het lettertype dat op het geselecteerde element wordt toegepast. Het geselecteerde lettertype is niet een enkel lettertype, maar een "familie", en kan dus afhankelijk zijn van andere typografische eigenschapswaarden om het juiste gezicht binnen de familie te selecteren.

body ( font-family: Arial, Helvetica, sans-serif; )

Een waarde kan een van de volgende zijn:

Een lettertypefamilienaam die overeenkomt met een lettertype dat is ingesloten op de pagina of beschikbaar is op het systeem van de gebruiker.
Een reeks familienamen, gescheiden door komma's, die een algemene familienaam kan bevatten

Als er meerdere familienamen worden gebruikt, zal de browser de eerste selecteren die hij vindt, ofwel ingesloten op de pagina met @font-faceof geïnstalleerd op het besturingssysteem van de gebruiker.

Want font-familyer is geen specifieke verzuim of initiële waarde; de beginwaarde is altijd afhankelijk van de browser en / of het besturingssysteem.

Generieke familienamen

Als er meerdere waarden worden gebruikt voor een enkele aangifte, is het raadzaam om een generieke familie als laatste op de lijst te zetten om de beste typografische ervaring te garanderen:

code ( font-family: Courier, Monaco, monospace; )

In het bovenstaande voorbeeld zijn "Courier" en "Monaco" echte familienamen van echte lettertypen, terwijl "monospace" slechts een algemene verwijzing is naar elk lettertype dat op het systeem van de gebruiker is geïnstalleerd en dat een enkele spatie is.

Als de eerste twee niet zijn geïnstalleerd, selecteert de browser de beste optie, maar alleen uit monospace-lettertypen. Zonder de generieke familie zou het lettertype standaard het standaardlettertype op het systeem van de gebruiker zijn (waarschijnlijk een serif of schreefloos), wat ongewenst zou zijn.

Generieke familie namen zijn serif, sans-serif, cursive, fantasy, en monospace.

Als een familienaam overeenkomt met een generieke familienaam, moet de familienaam worden aangehaald om aan te geven dat het niet algemeen is.

Familienamen met meerdere woorden

Als een familienaam meerdere woorden bevat, gescheiden door spaties, is het raadzaam om de familienaam tussen aanhalingstekens (enkel of dubbel) te vermelden:

code ( font-family: "Times New Roman", Georgia, serif; )

Dit is niet altijd nodig, maar het is over het algemeen veiliger om de aanhalingstekens op te nemen voor een achternaam met spaties of speciale tekens.