CSS Schnellstart – Schriftart, -größe und -stil

Damit du verstehst wie die Schriftwerte genau funktionieren, lernst du nun die Schrift-Eigenschaften kennen.

Schriftstil:

Starten wir mit dem Schriftstil. Dieser kann mit der Eigenschaft font-style festgelegt werden:

font-style: italic;

Die möglichen Werte sind normal, bold und italic.

Schriftgröße:

Die Schriftgröße mit font-size ist auch noch einfach, denn hier kannst du mit allen Größeneinheiten arbeiten, die du im letzten Modul kennengelernt hast:

font-size: 2em;

Schriftart:

Etwas kniffliger ist die Schriftart, denn hier musst du beachten, dass nicht jeder Benutzer dieselben Schriftarten zur Verfügung hat, wie dein persönlicher Computer.

Dementsprechend können verschiedene Schriftfamilien benutzt werden.

Die Eigenschaft dafür ist die font-family und nimmt gleich mehrere Schriftarten als Wert an:

font-family: Arial, Helvetica, sans-serif;

Sollte die Schrift Arial nicht zur Verfügung stehen, würde automatisch Helvetica genommen, usw.

WICHTIG: Besteht eine Schriftart aus mehreren Wörtern, wie Times New Roman, musst du diese in Hochkomma setzen, z.B. "Times New Roman"!

Also dann ab in die Praxis: