font-familyNuosavybė nusako šrifto, kuri taikoma į pasirinktą elementą. Pasirinktas šriftas yra ne vienas šrifto veidas, o „šeima“, todėl gali būti priklausomas nuo kitų tipografinių ypatybių reikšmių, norint pasirinkti teisingą šeimos veidą.
body ( font-family: Arial, Helvetica, sans-serif; )Vertė gali būti viena iš šių:
- Šriftų šeimos pavadinimas, atitinkantis šriftą, įterptą į puslapį arba galimą vartotojo sistemoje.
- Kableliais atskirtų šeimos vardų serija, į kurią gali būti įtrauktas bendras šeimos vardas
Jei naudojami keli šeimos vardai, naršyklė pasirenka pirmąją, kurią randa įterptą puslapyje naudodama @font-facearba įdiegdama vartotojo operacinėje sistemoje.
Nes font-familynėra jokios konkrečios numatytosios ar pradinės vertės; pradinė vertė visada priklauso nuo naršyklės ir (arba) operacinės sistemos.
Bendrieji šeimos vardai
Jei vienai deklaracijai naudojamos kelios reikšmės, rekomenduojama, kad bendroji šeima būtų paskutinė kaip atsarginė, kad būtų užtikrinta geriausia spausdinimo patirtis:
code ( font-family: Courier, Monaco, monospace; )Ankstesniame pavyzdyje „Courier“ ir „Monaco“ yra tikri faktinių šriftų šeimos pavadinimai, o „monospace“ yra tik bendrinė nuoroda į bet kurį vartotojo sistemoje įdiegtą šriftą, kuriame yra viena vieta.
Jei pirmieji du nerandami įdiegti, naršyklė pasirinks geriausią variantą, bet tik iš vienatūrių šriftų. Be bendros šeimos, šriftas pagal numatytuosius nustatymus būtų toks, koks yra numatytasis vartotojo sistemos šriftas (greičiausiai serif arba sans-serif), o tai būtų nepageidautina.
Bendriniai šeimos vardai serif, sans-serif, cursive, fantasy, ir monospace.
Jei šeimos vardas sutampa su bendru šeimos vardu, šeimos vardas turėtų būti cituojamas, nurodant, kad jis nėra bendrinis.
Kelių žodžių šeimos vardai
Jei šeimos pavadinime yra keli žodžiai, atskirti tarpais, rekomenduojama šeimos vardą išvardyti kabutėse (viengubi arba dvigubi):
code ( font-family: "Times New Roman", Georgia, serif; )Tai ne visada būtina, tačiau paprastai saugiau įtraukti bet kurios šeimos vardo, kuriame yra tarpai ar specialieji simboliai, kabutes.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Veikia | Veikia | Veikia | Veikia | Veikia | Veikia | Veikia |