Vlastnost font

Vlastnost font představuje zkratkovou vlastnost, ve které lze použít následující vlastnosti CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaxe

selektor {
	font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Povinnými vlastnostmi jsou font-size a font-family, ostatní lze vynechat, při zachování pořadí.

Vlastnosti font-style, font-variant, font-weight lze zaměňovat v libovolném pořadí vzhledem k sobě navzájem.

Všimněte si, že vlastnost line-height se píše za lomítkem za vlastností font-size.

Vytvořme kurzivní text o velikosti 15px, s typem Arial a řádkovým prostupem 30px:

<p>
	some long text
</p>

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

Další příklad:

<p>
	some long text
</p>

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

Nastavme pouze velikost písma a rodinu, a vynechejme ostatní vlastnosti:

<p>
	some long text
</p>

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

Pokud nastavíte pouze velikost písma, nebude aplikována, protože musí být zadána také rodina písma:

<p>
	some long text
</p>

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