CSS свойство font

Универсальное свойство, позволяющее определить все свойства шрифта за одну декларацию.

Установить можно следующие свойства (в соответствующем порядке): "font-style font-variant font-weight font-size/line-height font-family".

Значения font-size и font-family обязательны. Если остальные значения не указываются, то будут использованы значения по умолчанию.

Свойство line-height устанавливает расстояние между строками.

CSS синтаксис

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-styleУстанавливает стиль шрифта. Значение по умолчанию "normal".
font-variantУстанавливает способ представления строчных букв. Значение по умолчанию "normal".
font-weightУстанавливает "жирность" шрифта. Значение по умолчанию "normal".
font-size/line-heightУстанавливает размер шрифта и расстояние между строк. Значение по умолчанию "normal".
font-familyУстанавливает семейство шрифта. Значение по умолчанию зависит от браузера.
captionШрифт для текста элементов форм вроде кнопок.
iconШрифт для текста под иконками.
menuШрифт применяемый в меню.
message-boxШрифт для диалоговых окон.
small-captionШрифт для подписей к небольшим элементам управления.
status-barШрифт для строки состояния окон.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Определяем все свойства шрифта за одну декларацию


p.ex1 {
     font: 15px arial, sans-serif;
}

 p.ex2 {
     font: italic bold 12px/30px Georgia, serif;
}