Toggle Light / Dark / Auto color theme

Toggle table of contents sidebar

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;
}

See the Pen font-size by csswebsite (@csswebsite) on CodePen.

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 so heute so hoch, dass die Schriftgröße sich am Standard von 16px orientieren kann, und dabei dennoch ein kompaktes Schriftbild entsteht.