font

Универсальный параметр, который позволяет установить одновременно несколько атрибутов стиля шрифта.

Синтаксис

font: [font-style | font-variant | font-weight] font-size [/line-height] font-family

В качестве обязательных аргументов параметра font указывается размер шрифта и его семейство. Остальные аргументы являются опциональными и задаются при желании. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.

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

p { font: 12pt/10pt sans-serif; }

Из типографики пошла запись указывать через слэш размер шрифта и межстрочное расстояние (интерлиньяж). Поэтому 12pt в данном случае означает размер основного текста в пунктах, а 10pt — интерлиньяж. В качестве семейства указывается рубленый шрифт (sans-serif).

p { font: bold italic 110% serif; }

Аргумент bold устанавливает жирное начертание текста, а italic — курсивное. В данном случае порядок этих значений не важен, поэтому их можно поменять местами. Размер текста задается в процентах, а в качестве гарнитуры используется шрифт с засечками (serif).

p { font: normal small-caps 12px/14px fantasy; }

Значение small-caps принадлежит параметру font-variant и устанавливает текст в виде капители (заглавные буквы уменьшенного размера). Аргумент normal применяется сразу к двум свойствам: font-style и font-weight.