Vlastnosť font

Vlastnosť font predstavuje skrátenú vlastnosť, v ktorej možno použiť nasledujúce vlastnosti CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntax

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

Povinnými vlastnosťami sú font-size a font-family, ostatné je možné vynechať, pričom je potrebné zachovať poradie.

Vlastnosti font-style, font-variant, font-weight je možné prehádzať v ľubovoľnom poradí voči sebe navzájom.

Všimnite si, že vlastnosť line-height sa píše cez lomku za vlastnosťou font-size.

Vytvorme kurzívny text veľkosti 15px, s typom Arial, a riadkovaním 30px:

<p>
	some long text
</p>

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

Ďalší príklad:

<p>
	some long text
</p>

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

Nastavme len veľkosť písma a rodinu, pričom vynecháme ostatné vlastnosti:

<p>
	some long text
</p>

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

Ak nastavíme len veľkosť písma, neaplikuje sa, pretože musí byť nastavená aj rodina písma:

<p>
	some long text
</p>

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