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

font

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Короткая запись поддерживается в версиях браузеров 1.0 1.0 3.0 3.5 1.0
Свойство
font — свойство позволяющее объединить другие свойства шрифта в одно правило, другими словами — свойство позволяющее сделать более короткую запись
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам. Это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
font-style | font-weight | font-variant | font-size/line-height | font-family | inherit
Значение по умолчанию
у каджого перечисленного свойства своё значение
Правила записи

свойство: перечисление значений свойств;

  • свойства должны перечисляться через пробел, а не запятую
  • порядок следования значений важен, но только для свойств font-size и font-family. Сначала идёт свойство font-size, а затем свойство font-family. Если значения этих свойств расположить наоборот, то такое правило работать не будет !
  • меньше двух свойств указывать нельзя, самый минимум это 2 свойства — font-size и font-family, их нужно указывать обязательно:
    em { font: 150% cursive; }
  • после указания размера шрифта и семейства шрифтов остальные свойства могут располагаться как угодно, но до свойства font-size:
    em { bold italic small-caps 150%/1em "Times New Roman", "Times CY", serif; }
    Также это же правило можно записать так:
    em { small-caps bold italic 150%/1em "Times New Roman", "Times CY", serif; }
    и это не будет ошибкой
  • Если значения font-style, font-weight и font-variant пропущены, то для них будет установлено значение по умолчанию — normal
  • Для свойства font-size можно, но необязательно, указать через слеш / свойство line-height. Это свойство означает высоту строки текста
Примеры
font: 900 oblique 1.3em Tahoma, sans-serif; Этот текст имеет начертание 900, наклонный стиль, его размер 1.3em, он написан шрифтом Tahoma, этот шрифт принадлежит к семейству шрифтов без засечек
font: italic lighter 14px/1.1em "Tymes New Roman", serif; Этот текст написан курсивом, имеет начертание lighter, размер шрифта 14px, высота строки 1.1em, шрифт Times New Roman, принадлежит к семейству шрифтов с засечками
font: inherit; Это значит что шрифт унаследует значение от родителя
Поделиться