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

Результат:

Пример

Доделимо само величину фонтa и породицу, изостављајући остала својства:

html<p>
  some long text
</p>

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

Результат:

Пример

Ако се зада само величина фонтa, она се неће применити, јер мора бити задата и породица фонтова:

html<p>
  some long text
</p>

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

Результат: