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;
}