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