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