Свойства шрифта: font-family

font-family

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 (1.7 или ранние) 3.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 (1) 6.0 6.0 1.0
Свойство
font-family — Семейство шрифтов
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
Какой-нибудь один шрифт или несколько, перечисленных через запятую. В конце можно указать одно из пяти типовых семейств: serif — это семейство шрифтов с засечками; sans-serif — это семейство шрифтов без засечек; monospace — это семейство моноширинных шрифтов; cursive — это семейство рукописных шрифтов; fantasy — это семейство фэнтезийных шрифтов
Значение по умолчанию
В каждом браузере своё
Правила записи
свойство: Шрифт, "Другой шрифт",…, Шрифтn, семейство шрифтов;

  • Имя шрифта обязано начинаться с БОЛЬШОЙ буквы
  • Если имя шрифта состоит из нескольких слов, то такой шрифт надо заключать в кавычки
  • Если указываются несколько шрифтов, то их надо разделять запятыми
  • Нет ограничения на колличество указываемых шрифтов
  • Можно, но необязательно, указать одно из пяти типовых семейств
Примеры
font-family: "Times New Roman"; Этот текст написан шрифтом с зачечками
font-family: Arial, sans-serif; Этот текст написан шрифтом без засечек
font-family: "Courier New", Courier, monospace; Этот текст написан моноширинным шрифтом
font-family: "Comic Sans MS", cursive; Этот текст написан рукописным шрифтом
font-family: Impact, Western, fantasy; Этот текст написан фэнтезийным шрифтом
font-family: inherit; Это значит что шрифт унаследует значение от родителя
Как выбирается шрифт ?
Для того чтобы шрифт активировался он должен быть установлен на компьютере пользователя. Браузер анализирует объявление следующим образом: если первый шрифт в значении свойства не установлен на компьютере пользователя, то браузер переходит к следующему, если и следующий не установлен, то если указано семейство шрифтов, браузер подберёт шрифт автоматически из этого семейства. Если семейство шрифтов не указано, то выбирается значение по умолчанию.
Поделиться