Schriftgrößen im Web
Die richtige Schriftgröße erleichtert das Lesen.
Die Schriftgröße ist im Web ein zentraler Faktor für Lesbarkeit und Zugänglichkeit. Texte werden auf sehr unterschiedlichen Geräten, Bildschirmgrößen und Auflösungen gelesen. Nutzer:innen können zoomen oder systemseitige Schriftgrößen anpassen. Deshalb darf Schrift im Web nicht starr festgelegt sein, sondern muss flexibel und skalierbar funktionieren.
Schriftgröße im responsiven Kontext
Im Web wird Schriftgröße relativ definiert, etwa über rem, em oder Prozentwerte. Dadurch passt sich Text an unterschiedliche Bildschirmgrößen und individuelle Nutzereinstellungen an. Feste Pixelwerte können die Lesbarkeit einschränken, insbesondere bei kleinen Displays oder vergrößerter Ansicht.
Als Ausgangspunkt dient die Basis-Schriftgröße des Browsers. Diese liegt standardmäßig bei 16 px und entspricht 1 rem.
Bewährte Schriftgrößen
Für eine klare Texthierarchie im Web sollten Schriftgrößen konsequent relativ definiert werden. Als Ausgangspunkt dient eine Body-Schriftgröße von 1 rem (ca. 16 px). Für längere Lesetexte kann dieser Wert leicht erhöht werden, etwa auf 1.0625–1.125 rem (ca. 17–18 px), um die Lesbarkeit zu verbessern.
Auf dieser Basis haben sich folgende relative Größenverhältnisse bewährt:
H1
–› 2.0–2.4 rem
H2
–› 1.6–1.8 rem
H3
–› 1.3–1.5 rem
H4
–› 1.1–1.2 rem
Body
–› 1.0 rem
Diese Werte sorgen für eine ruhige, gut unterscheidbare Hierarchie und bleiben auch bei Zoom oder veränderten Systemeinstellungen stabil. Entscheidend ist weniger der exakte Zahlenwert als das klare Verhältnis der Ebenen.
Warum rem statt px
Die Einheit rem bezieht sich auf die vom Browser definierte Grundschriftgröße. Wird diese von Nutzer:innen vergrößert, skaliert der gesamte Text automatisch mit. Das ist ein zentraler Aspekt barrierefreier Webtypografie.
Die Einheit em eignet sich vor allem für Abstände oder für typografische Feinabstimmungen innerhalb einzelner Elemente. Für die Grundschriftgröße ist rem die stabilere Wahl.
Für Lesetext im Web sollte die Basis-Schriftgröße mindestens 1 rem (16 px) betragen. Schriftgrößen sollten relativ definiert und auf verschiedenen Geräten getestet werden.