Свойство семейства шрифтов CSS
Пример
Укажите шрифт для двух абзацев:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Определение и использование
Свойство font-family
указывает шрифт для элемента.
Свойство font-family
может содержать несколько имен шрифтов в качестве «запасной» системы. Если браузер не поддерживает первый шрифт, он пробует следующий шрифт.
Существует два типа названий семейств шрифтов:
- family-name — название семейства шрифтов, например «times», «courier», «arial» и т. д.
- generic-family — название универсального семейства, например «serif», «sans-serif», «cursive», «fantasy», «monospace».
Начните с нужного шрифта и всегда заканчивайте общим семейством, чтобы позволить браузеру выбрать аналогичный шрифт в общем семействе, если другие шрифты недоступны.
Примечание. Разделяйте каждое значение запятой.
Примечание. Если имя шрифта содержит пробелы, оно должно быть заключено в кавычки. При использовании атрибута «стиль» в HTML необходимо использовать одинарные кавычки.
Значение по умолчанию: | зависит от браузера |
---|---|
Унаследовано: | да |
Анимация: | нет. Читать об анимации |
Версия: | CSS1 |
Синтаксис JavaScript: | объект .style.fontFamily="Verdana, без засечек" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
font-family: family-name|generic-family|initial|inherit;
Значения свойств
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Учебное пособие по CSS: шрифт CSS
Справочник по CSS: свойство шрифта
Справочник по HTML DOM: свойство fontFamily