Den font-familyegenskap definerer skriften som brukes på det valgte element. Skriften som er valgt er ikke et enkelt skriftoverflate, men en "familie", og kan derfor være avhengig av andre typografiske eiendomsverdier for å velge riktig ansikt i familien.
body ( font-family: Arial, Helvetica, sans-serif; )En verdi kan være en av følgende:
- Et skriftfamilienavn som samsvarer med en skrift som er innebygd på siden eller tilgjengelig på brukerens system.
- En serie med familienavn, atskilt med komma, som kan inneholde et generisk etternavn
Hvis det brukes flere familienavn, vil nettleseren velge det første den finner enten innebygd på siden ved hjelp av @font-faceeller installert på brukerens operativsystem.
For font-familydet er ingen spesifikk standard eller startverdi; den opprinnelige verdien avhenger alltid av nettleseren og / eller operativsystemet.
Generiske familienavn
Hvis det brukes flere verdier for en enkelt erklæring, anbefales det å ha en generisk familie oppført sist som en reserve for å sikre den beste typografiske opplevelsen:
code ( font-family: Courier, Monaco, monospace; )I eksemplet ovenfor er "Courier" og "Monaco" ekte familienavn på faktiske skrifter, mens "monospace" bare er en generell referanse til hvilken som helst font installert på brukerens system som er monospaced.
Hvis de to første ikke blir funnet installert, vil nettleseren velge det beste alternativet, men bare fra monospace-skrifttyper. Uten den generiske familien ville skrifttypen være standard til det som er standardfonten på brukerens system (sannsynligvis en serif eller sans-serif), noe som ville være uønsket.
Generiske familienavn inkluderer serif, sans-serif, cursive, fantasy, og monospace.
Hvis et etternavn samsvarer med et generisk etternavn, bør familienavnet siteres for å indikere at det ikke er generisk.
Flere ord familienavn
Hvis et etternavn inneholder flere ord, atskilt med mellomrom, anbefales det å føre familienavnet med anførselstegn (enkelt eller dobbelt):
code ( font-family: "Times New Roman", Georgia, serif; )Dette er ikke alltid nødvendig, men det er generelt tryggere å ta med anførselstegn for ethvert familienavn som har mellomrom eller spesialtegn.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Virker | Virker | Virker | Virker | Virker | Virker | Virker |