Свойство 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;
}