Schriftgröße

Die Schriftgröße kann mittels der Eigenschaft font-size verändert werden. Für die Angaben der Schriftgröße kann die Einheit px verwendet werden.

In den Browsern ist immer ein Standardwert für die Schriftgröße festgelegt – dieser beträgt 16px. Ein p-Element hat dem Standard nach immer eine Schriftgröße von 16px.

Häufig muss probiert werden, welche Pixelgröße für das eigene Design am besten passt.

p {
  font-size: 20px;
}

h1 {
  font-size: 55px;
}

CSS

CSS definiert das Aussehen von HTML-Elementen.

Bemerkung

Kleiner geht es nicht: Neun Pixel brauchen wir, damit der Text lesbar ist. Aber die Zeit der kleinen Schriften ist vorbei. Die Auflösung der Monitore – selbst der Monitore auf den mobilen Geräten – ist heute so hoch, dass die Schriftgröße sich am Standard von 16px orientieren kann, und dabei dennoch ein kompaktes Schriftbild entsteht.