CSS-свойство font

CSS-свойство font устанавливает стиль, вариант, жирность, размер / высоту строки и семейство шрифтов для текстового содержимого элемента. Это короткое свойство для установки отдельных свойств шрифта font-style, font-variant, font-weight, font-size, line-height и font-family.

Значение по умолчанию:	Индивидуальные CSS-свойства
Применяется к:	Все элементы
Наследование:	Да
Анимирование:	Да, так как некоторые свойства являются анимируемыми. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

font: [ font-style font-variant font-weight font-size/line-height font-family ] | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit

Существуют некоторые условия, которые должны выполняться при использовании свойства font. Если эти условия не выполняются, свойство является недействительным и полностью игнорируется.

Нужно обязательно определить значения font-size и font-family.
Значения свойств font-style, font-variant и font-weight должны быть определены до значения размера шрифта, если оно есть.
Значение свойства line-height должно быть определено сразу после свойства font-size, перед которым стоит знак «/» (косая черта, слеш).
font-family должно быть последним определенным значением.

Примеры написания кода свойства font:

h1 {
    font: bold 2.5em "Times New Roman", Times, serif;
}
p {
    font: normal 1.2em Arial, Helvetica, sans-serif;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`font-style`	Устанавливает стиль начертания шрифта.
`font-variant`	Устанавливает вариацию начертания шрифта.
`font-weight`	Устанавливает жирность начертания шрифта.
`font-size`	Устанавливает размер начертания шрифта.
`line-height`	Устанавливает межстрочный интервал начертания шрифта.
`font-family`	Устанавливает семейство шрифтов.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `font`.
Следующие значения относятся к системным шрифтам:
`caption`	Шрифт, используемый для элементов управления с субтитрами (например, кнопок, раскрывающихся списков и т. д.).
`icon`	Шрифт, используемый для обозначения иконок.
`menu`	Шрифт, используемый в меню (например, раскрывающиеся меню и списки меню).
`message-box`	Шрифт, используемый в диалоговых окнах и сообщениях.
`small-caption`	Шрифт, используемый для маркировки небольших элементов управления.
`status-bar`	Шрифт, используемый в строке состояния окна.