Eigenschaft font

Die Eigenschaft font ist eine Kurzschreibweise, in der die folgenden CSS-Eigenschaften verwendet werden können: 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;
}

Die erforderlichen Eigenschaften sind font-size und font-family, die anderen können weggelassen werden, wobei die Reihenfolge beibehalten werden muss.

Die Eigenschaften font-style, font-variant, font-weight können in beliebiger Reihenfolge zueinander vertauscht werden.

Beachten Sie, dass die Eigenschaft line-height mit einem Schrägstrich nach der Eigenschaft font-size geschrieben wird.

Beispiel

Lassen Sie uns einen kursiven Text mit einer Größe von 15px, vom Typ Arial und einem Zeilenabstand von 30px erstellen:

<p>
	some long text
</p>

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

Beispiel

Noch ein Beispiel:

<p>
	some long text
</p>

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

Beispiel

Lassen Sie uns nur die Schriftgröße und die Familie zuweisen, und die anderen Eigenschaften weglassen:

<p>
	some long text
</p>

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

Beispiel

Wenn nur die Schriftgröße angegeben wird, wird sie nicht übernommen, da zwingend auch die Schriftfamilie angegeben werden muss:

<p>
	some long text
</p>

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