font-familyОсобина дефинише фонт који се примењује на изабраном елементу. Фонт који је изабран није лице с једним фонтом, већ је „породица“ и стога може зависити од других вредности типографских својстава да би се изабрало правилно лице унутар породице.
body ( font-family: Arial, Helvetica, sans-serif; )Вредност може бити једно од следећег:
- Презиме породице фонтова које се подудара са фонтом који је уграђен на страницу или доступан у корисничком систему.
- Низ породичних имена одвојених зарезима који могу садржати генеричко презиме
Ако се користи више породичних имена, прегледач ће одабрати прво које пронађе уграђено у страницу помоћу @font-faceили инсталирано на оперативном систему корисника.
Јер font-familyне постоји одређена подразумевана или почетна вредност; почетна вредност увек зависи од прегледача и / или оперативног система.
Генеричка породична имена
Ако се за једну декларацију користи више вредности, препоручује се да генеричка породица буде последња наведена као резервна како би се осигурало најбоље типографско искуство:
code ( font-family: Courier, Monaco, monospace; )У горњем примеру, „Цоуриер“ и „Монацо“ су стварна породична имена стварних фонтова, док је „моноспаце“ само генеричка референца на било који фонт инсталиран на корисничком систему који има моноспростор.
Ако прва два нису инсталирана, прегледач ће одабрати најбољу опцију, али само из моноспаце фонтова. Без генеричке породице, фонт би подразумевано подразумевао фонт у корисниковом систему (вероватно сериф или санс-сериф), што би било непожељно.
Генериц презимена укључују serif, sans-serif, cursive, fantasy, и monospace.
Ако се породично име подудара са генеричким породичним именом, треба навести породично име како би се означило да није генеричко.
Породична имена са више речи
Ако породично име садржи више речи, одвојених размацима, препоручује се да се име породице наведе под наводницима (једноструким или двоструким):
code ( font-family: "Times New Roman", Georgia, serif; )То није увек потребно, али је генерално сигурније наводнике наводити за свако презиме које има размаке или посебне знакове.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова |