De eigenschap font

De eigenschap font is een shorthand-eigenschap, waarin de volgende CSS-eigenschappen kunnen worden gebruikt: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaxis

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

De verplichte eigenschappen zijn font-size en font-family, de overige kunnen worden weggelaten, met behoud van de volgorde.

De eigenschappen font-style, font-variant, font-weight kunnen in willekeurige volgorde ten opzichte van elkaar worden geplaatst.

Let op dat de eigenschap line-height met een schuine streep na de eigenschap font-size wordt geschreven.

Laten we cursieve tekst maken met een grootte van 15px, met het type Arial, en een regelafstand van 30px:

<p>
	some long text
</p>

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

Nog een voorbeeld:

<p>
	some long text
</p>

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

Laten we alleen de lettertypegrootte en familie toewijzen, en de andere eigenschappen weglaten:

<p>
	some long text
</p>

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

Als alleen de lettertypegrootte wordt ingesteld, wordt deze niet toegepast, omdat ook de lettertypefamilie verplicht moet worden ingesteld:

<p>
	some long text
</p>

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