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

cssselector {
  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.

Voorbeeld

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

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

Nog een voorbeeld:

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

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

html<p>
  some long text
</p>

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

Результат:

Voorbeeld

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

html<p>
  some long text
</p>

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

Результат: