CSS font-family Свойство
Пример
Укажите шрифт для двух абзацев:
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", etc.
- generic-family - Имя родового семейства, например "serif", "sans-serif", "cursive", "fantasy", "monospace".
Начните с нужного шрифта и всегда заканчивайте родовым семейством, чтобы позволить обозревателю выбрать аналогичный шрифт в родовом семействе, если другие шрифты недоступны.
Примечание: Разделите каждое значение запятой.
Примечание: Если имя шрифта содержит пробелы, оно должно быть приведено в кавычки. Одинарные кавычки должны использоваться при использовании атрибута Style в HTML.
Значение по умолчанию: | depends on the browser |
---|---|
Inherited: | yes |
Animatable: | no. Читайте о animatable |
Version: | CSS1 |
Синтаксис JavaScript: | object.style.fontFamily="Verdana,sans-serif" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
font-family: family-name|generic-family|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
family-name generic-family |
Упорядоченный список имен семейств шрифтов и/или родовых имен семейств | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Font
CSS Справка: font Свойство
HTML DOM Справочник: fontFamily Свойство