СSS Свойство 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", т.д.
- generic-family - Имя родового семейства, например "serif", "sans-serif", "cursive", "fantasy", "monospace".
Начните с нужного шрифта и всегда заканчивайте общим семейством, чтобы браузер мог выбрать аналогичный шрифт в общем семействе, если другие шрифты недоступны.
Пимечание: Разделите каждое значение запятой.
Пимечание: Если имя шрифта содержит пробелы, оно должно быть заключено в кавычки. Одинарные кавычки должны использоваться при использовании атрибута "style" в HTML.
| Значение по умолчанию: | зависит от браузера |
|---|---|
| Унаследованный: | да |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | 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 Шрифт
CSS Справочник: Свойство font
HTML DOM Справочник: Свойство fontFamily
