Својство 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>
	some long text
</p>

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

Још један пример:

<p>
	some long text
</p>

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

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

<p>
	some long text
</p>

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

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

<p>
	some long text
</p>

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