Textgrößen

Textgrößen bezeichnen die Größenhöhe von Schriftzeichen. In der Typografie unterscheidet man Printgrößen (Punkt, pt) und Digitalgrößen (Pixel, px) sowie relative Größen wie em, rem und Prozent.

In Webdesign und digitalen Anwendungen wird häufig mit CSS gearbeitet. Absolutwerte wie px legen eine feste Größe fest, während relative Einheiten elastisch sind: em skaliert mit der Schriftgröße des übergeordneten Elements, rem skaliert mit der Wurzelgröße (in der Regel des html-Elements). Die Standardschriftgröße von Browsern liegt ungefähr bei 16px, kann aber vom Benutzer angepasst werden. Für eine flexible Typografie empfiehlt sich oft der Einsatz von rem als Basiseinheit.

Typografische Skalen setzen Größenstufen sinnvoll zueinander. Eine Basisgröße dient dem Fließtext (z. B. 1rem), während Überschriften größere Werte und Unterüberschriften entsprechend geringere Werte erhalten. Modulare Skalen (z. B. Major Third, Perfect Fourth) helfen, eine konsistente Hierarchie zu schaffen. Die Zeilenhöhe (line-height) beeinflusst zusätzlich die Lesbarkeit.

Zugänglichkeit. Für Barrierefreiheit ist es wichtig, Textgrößen anpassbar zu halten und relative Einheiten zu verwenden, damit bei Zoom oder Schriftvergrößerung der Text nicht unpassend umbrechen oder den Layoutfluss stören. Ausreichender Kontrast und angemessene Zeilenlänge unterstützen die Lesbarkeit.

Praxis. Für Webprojekte empfiehlt sich oft eine Basis von etwa 16px (1rem) für Fließtext; eine Zeilenhöhe von 1.4–1.6. Vermeide fest eingestellte, sehr kleine Textgrößen; nutze responsive Techniken wie clamp() oder Medienabfragen, um Textgrößen an verschiedene Bildschirme anzupassen.