Укажите шрифт для двух абзацев:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Попробуйте сами »
Определение font-family
CSS свойство font-family задайте шрифт для элемента.
CSS свойство font-family свойство может содержать несколько названий шрифтов в качестве "резервной" системы. Если браузер не поддерживает первый шрифт, он пробует следующий шрифт.
Существует два типа названий семейств шрифтов:
- family-name - название семейства шрифтов, например "times", "courier", "arial", и т.д.
- generic-family - Название общего семейства, например "serif", "sans-serif", "cursive", "fantasy", "monospace".
Начинайте с нужного вам шрифта и всегда заканчивайте общим семейством, чтобы браузер мог выбрать аналогичный шрифт в общем семействе, если другие шрифты недоступны.
Примечание: Разделяйте каждое значение запятой.
Примечание: Если название шрифта содержит пробел, оно должно быть заключено в кавычки. При использовании атрибута "style" в HTML необходимо использовать одинарные кавычки.
| Значение по умолчанию: | зависит от браузера |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.fontFamily="Verdana,sans-serif" Попробуй |
Поддержка font-family
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис font-family
font-family: family-name|generic-family|initial|inherit;
Значения font-family
| Значение | Описание | Демонстрация |
|---|---|---|
| family-name / generic-family | Приоритетный список названий семейств шрифтов и/или общих фамилий | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме font-family
CSS Учебник: CSS Шрифт
CSS Справочник: font свойство
HTML DOM справочник: fontFamily свойство