font-family
Семейство шрифта со списком запасных вариантов.
Синтаксис
font-family: font, fallback;Значения
| Параметр | Тип | Описание |
|---|---|---|
| name | text | Название шрифта; названия с пробелами пишут в кавычках: `'Times New Roman'`. |
| serif | sans-serif | monospace | keyword | Общее семейство — любой шрифт этого вида, который есть на устройстве. |
| system-ui | keyword | Шрифт интерфейса операционной системы. |
Примеры
Шрифты с общим семейством в качестве запасного:
<p style="font-family: Georgia, serif;">Georgia, serif</p>
<p style="font-family: Arial, sans-serif;">Arial, sans-serif</p>
<p style="font-family: 'Courier New', monospace;">Courier New, monospace</p>Системный шрифт, как на многих сайтах:
<style>
body { font-family: system-ui, sans-serif; }
</style>
<p>The operating system's interface font.</p>Примечания
Браузер берёт первый шрифт из списка, который у него есть, поэтому всегда заканчивайте список общим семейством. Чтобы использовать шрифт, которого у пользователя может не быть, подключите его через @font-face.
См. также
- font — Сокращённая запись, которая задаёт начертание, жирность, размер, высоту строки и семейство шрифта в одну строку.
- font-size — Размер шрифта.
- @font-face — Подключает шрифт и даёт ему имя для использования в `font-family`.
Вопросы и ответы по теме
В учебнике
- Текст и шрифты — Шрифт, размер, жирность, курсив, высота строки, выравнивание и оформление текста, подключение своего шрифта.