# Свойство font

Свойство `font` представляет собой свойство-сокращение, в котором можно использовать следующие свойства CSS: `font-size`, `font-style`, `font-weight`, `line-height`, `font-family`, `font-variant`.

## Синтаксис

`селектор { font: [font-style|font-variant|font-weight] font-size [/line-height] font-family; }`

Обязательными свойствами являются `font-size` и `font-family`, остальные можно опускать, сохраняя порядок.

Свойства `font-style`, `font-variant`, `font-weight` можно переставлять в любом порядке относительно друг друга.

Обратите внимание на то, что свойство `line-height` пишется через слеш после свойства `font-size`.

## Пример

Давайте сделаем курсивный текст размером `15px`, с типом Arial, и межстрочным интервалом в `30px`:

`<p> какой-то текст... </p>` `p { font: italic 15px/30px Arial; text-align: justify; }`

:

## Пример

Еще пример:

`<p> какой-то текст... </p>` `p { font: bold 16px/20px "Times New Roman", Georgia, serif; text-align: justify; }`

:

## Пример

Назначим только размер шрифта и семейство, опустив другие свойства:

`<p> какой-то текст... </p>` `p { font: 18px Arial; text-align: justify; }`

:

## Пример

Если задать только размер шрифта, он не применится, так как обязательно должно быть задано еще и семейство шрифта:

`<p> какой-то текст... </p>` `p { font: 30px; text-align: justify; }`

:

← →
↑
en ru