Ключевое слово 'inherit' пока не поддерживается в Internet Explorer версии 7 и ниже.
Свойство font-family задаёт, какой шрифт будет использован внутри элемента. Для указания нужного шрифта существует два подхода:
- family-name – имя конкретного шрифта из семейства, например: times, courier, arial и т.п. Если название содержит пробелы, оно оборачивается в кавычки: "Times New Roman".
- generic-family – абстрактное семейство шрифтов с общими характеристиками. По умолчанию доступны такие группы, как
serif, sans-serif, cursive, fantasy, monospace.
Краткое описание стандартных семей:
- serif – шрифты с засечками
- sans-serif – шрифты без засечек
- cursive – плавные, рукописные стили с завитушками
- fantasy – декоративные и художественные варианты
- monospace – моноширинные шрифты, где каждый символ одинаковой ширины
На разных компьютерах могут быть установлены разные операционные системы и наборы шрифтов. Браузер сам по себе не содержит встроенных стилей; он отображает текст, используя те шрифты, которые находятся в системе пользователя. Поэтому при выборе шрифта на сайте стоит учитывать, что ваш список может отличаться от того, который доступен у других посетителей.
Чтобы решить проблему выбора, свойство font-family позволяет задать не один, а целый перечень предпочтительных шрифтов. Их названия разделяются запятыми. При указании списка всегда начинайте с того шрифта, который вам действительно нужен, и завершаем его общим семейством – так браузер сможет подобрать подходящий вариант, если первичные шрифты недоступны.
Браузер последовательно проверяет каждый указанный шрифт. Если он установлен, применяется сразу; иначе переходим к следующему в списке. Если ни один из предпочтительных вариантов не найден, браузер берёт произвольный шрифт из указанного семейства. При отсутствии и семейства, будет использован системный шрифт по умолчанию.
Чаще всего при объявлении свойства font-family используют запятую для разделения вариантов.
Чтобы ваш нестандартный шрифт корректно отображался у большинства пользователей, совместно с font-family подключайте правило @font-face.
| Значение по умолчанию: | зависит от браузера |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.fontFamily="arial,sans-serif" |
Синтаксис и значения свойства
font-family: имя шрифта [, имя шрифта[, ...]] | inherit;
| Значение | Описание |
| имя шрифта | Определяет перечень названий шрифтов, разделённых запятыми. |
| семейство | Указывает одно или несколько семейств шрифтов; при множестве – разделяются запятыми. |
| inherit | Передаёт значение от родительского элемента. |
Пример