font-familyLastnost določa pisavo, ki se uporablja za izbrani element. Pisava, ki je izbrana, ni obraz ene pisave, temveč "družina", zato je lahko pri izbiri pravilnega obraza v družini odvisna od drugih vrednosti tipografskih lastnosti.
body ( font-family: Arial, Helvetica, sans-serif; )Vrednost je lahko ena od naslednjih:
- Družinsko ime pisave, ki se ujema s pisavo, ki je vdelana na stran ali na voljo v uporabnikovem sistemu.
- Niz priimkov, ločenih z vejicami, ki lahko vključujejo generično priimek
Če se uporablja več družinskih imen, brskalnik izbere prvo, ki ga najde na strani, ki je vdelano @font-facev uporabniški operacijski sistem ali nameščeno v njem.
Ker font-familyni nobene posebne privzete ali začetne vrednosti; začetna vrednost je vedno odvisna od brskalnika in / ali operacijskega sistema.
Splošna družinska imena
Če se za eno izjavo uporablja več vrednosti, je priporočljivo, da je generična družina, ki je nazadnje navedena kot nadomestna, zagotovljena najboljša tipografska izkušnja:
code ( font-family: Courier, Monaco, monospace; )V zgornjem primeru sta "Courier" in "Monaco" resnični družinski imeni dejanskih pisav, medtem ko je "monospace" le splošni sklic na katero koli pisavo, nameščeno v uporabnikovem sistemu, ki je enoprostorska.
Če prva dva ne najdemo nameščenega, bo brskalnik izbral najboljšo možnost, vendar le med pisavami monospace. Brez generične družine bi pisava privzeto določila tisto, kar je privzeta pisava v uporabnikovem sistemu (verjetno serif ali sans-serif), kar bi bilo nezaželeno.
Generična priimki vključujejo serif, sans-serif, cursive, fantasy, in monospace.
Če se priimek ujema z generičnim priimkom, je treba navesti družinsko ime, ki označuje, da ni generično.
Večbesedna družinska imena
Če družinsko ime vsebuje več besed, ločenih s presledki, je priporočljivo, da se družinsko ime navede v narekovajih (enojno ali dvojno):
code ( font-family: "Times New Roman", Georgia, serif; )To ni vedno potrebno, vendar je navadno varneje vključiti narekovaje za katero koli družinsko ime, ki ima presledke ali posebne znake.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Deluje | Deluje | Deluje | Deluje | Deluje | Deluje | Deluje |