Egenskaben font

Egenskaben font er en shorthand-egenskab, som kan inkludere følgende CSS-egenskaber: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaks

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

De obligatoriske egenskaber er font-size og font-family, de øvrige kan udelades, så længe rækkefølgen bevares.

Egenskaberne font-style, font-variant, font-weight kan ombyttes i vilkårlig rækkefølge i forhold til hinanden.

Læg mærke til, at egenskaben line-height skrives efter et skråstreg efter egenskaben font-size.

Lad os lave kursiv tekst med en størrelse på 15px, med typen Arial, og linjehøjde på 30px:

<p>
	some long text
</p>

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

Endnu et eksempel:

<p>
	some long text
</p>

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

Angiv kun skriftstørrelse og familie, og udelad de andre egenskaber:

<p>
	some long text
</p>

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

Hvis du kun angiver skriftstørrelsen, vil den ikke blive anvendt, da der også obligatorisk skal angives en skrifttypefamilie:

<p>
	some long text
</p>

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