В font-familyимота определя шрифта, който се прилага към избрания елемент. Избраният шрифт не е лице на един шрифт, а „семейство“ и следователно може да зависи от други стойности на типографските свойства, за да изберете правилното лице в семейството.
body ( font-family: Arial, Helvetica, sans-serif; )Стойността може да бъде едно от следните:
- Фамилно име на шрифт, което съответства на шрифт, който е вграден в страницата или е достъпен в системата на потребителя.
- Поредица от фамилни имена, разделени със запетаи, които могат да включват родово фамилно име
Ако се използват множество фамилни имена, браузърът ще избере първото, което намери или вградено в страницата, използващо @font-faceили инсталирано в операционната система на потребителя.
Защото font-familyняма конкретна стойност по подразбиране или начална стойност; първоначалната стойност винаги зависи от браузъра и / или операционната система.
Родови фамилни имена
Ако за една декларация се използват множество стойности, препоръчително е родово семейство да бъде изброено последно като резервен вариант, за да се осигури най-доброто типографско изживяване:
code ( font-family: Courier, Monaco, monospace; )В горния пример „Куриер“ и „Монако“ са истински фамилни имена на действителни шрифтове, докато „monospace“ е само обща препратка към всеки шрифт, инсталиран в системата на потребителя, който е монопространствен.
Ако първите две не са намерени инсталирани, браузърът ще избере най-добрата опция, но само от монопространствени шрифтове. Без родовото семейство шрифтът по подразбиране би бил шрифта по подразбиране в системата на потребителя (вероятно сериф или sans-serif), което би било нежелателно.
Общи фамилни имена включват serif, sans-serif, cursive, fantasy, и monospace.
Ако фамилното име съвпада с родово фамилно име, фамилното име трябва да бъде цитирано, за да се посочи, че то не е родово.
Многофамилни фамилни имена
Ако фамилното име съдържа множество думи, разделени с интервали, препоръчително е да посочите фамилното име в кавички (единични или двойни):
code ( font-family: "Times New Roman", Georgia, serif; )Това не винаги е необходимо, но обикновено е по-безопасно да се включат кавичките за всяко фамилно име, което има интервали или специални знаци.
Поддръжка на браузър
| Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Върши работа | Върши работа | Върши работа | Върши работа | Върши работа | Върши работа | Върши работа |