Свойство font

Свойството font е свойство-съкращение, в което могат да се използват следните свойства на CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Синтаксис

cssселектор {
  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:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Пример

Още един пример:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Пример

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

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Пример

Ако се зададе само размерът на шрифта, той няма да се приложи, тъй като задължително трябва да бъде зададено и семейството на шрифта:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: