Zusammenfassung: Typografie im Web
Schriftgröße sollte …
- relativ definiert sein (z. B. rem statt px)
- sich an der wahrgenommenen Buchstabenhöhe orientieren
- auf unterschiedlichen Geräten gut lesbar bleiben
Die Zeilenlänge sollte …
- den Rücksprung zum Zeilenanfang erleichtern
- sich flexibel an Bildschirmgrößen anpassen
- über Layoutbegrenzungen kontrolliert werden
Der Zeichenabstand sollte …
- Buchstaben klar voneinander trennen
- Wortbilder stabil halten
- nur behutsam vom Standard abweichen
Der Zeilenabstand sollte …
- auch beim Scrollen Orientierung geben
- größer gewählt werden als im Print
- zur Schriftgröße und Zeilenlänge passen
–› Skalierbarkeit.
Für allgemeine Lesetexte in Webanwendungen können folgende Werte als Orientierung dienen:
Schriftgröße:
1–1.125 rem
(ca. 16–18 px)
Zeilenlänge:
ca. 45–75 Zeichen pro Zeile (inkl. Leerzeichen)
Zeichenabstand:
Standardwert der Schrift bei Bedarf minimal erhöht
Zeilenabstand:
ca. 140–180 % der Schriftgröße
Responsive Skalierung:
Schrift passt sich der Bildschirmgröße an