Zeilenhöhen-Rechner
Der Zeilenhöhen-Rechner empfiehlt Zeilenhöhe, Laufweite und eine ideale maximale Absatzbreite für eine Schriftgröße und einen Einsatzzweck – Fließtext, Überschriften, UI-Labels oder Display-Schrift – mit Live-Vorschau und CSS-Ausgabe.
Über dieses Tool
Der Zeilenhöhen-Rechner empfiehlt Zeilenhöhe, Laufweite und eine ideale maximale Absatzbreite für eine Schriftgröße und einen Einsatzzweck – Fließtext, Überschriften, UI-Labels oder Display-Schrift – mit Live-Vorschau und CSS-Ausgabe.
So funktioniert’s
- Gib die Schriftgröße in Pixeln ein.
- Wähle einen Stil: Fließtext, Überschrift, UI-Label oder Display.
- Sieh dir den Vorschau-Absatz und die vier empfohlenen Werte an.
- Klicke auf „CSS kopieren“, um die Werte in dein Stylesheet zu übernehmen.
Gut zu wissen
- Fließtext liest sich angenehm mit einer Zeilenhöhe von etwa dem 1,5- bis 1,6-Fachen der Schriftgröße.
- Große Überschriften und Display-Schriften wirken mit engerer Zeilenhöhe besser, etwa 1.05–1.2.
- Eine gut lesbare Zeilenlänge liegt bei etwa 45–75 Zeichen pro Zeile.
- WCAG 1.4.12 verlangt, dass Inhalte weiterhin funktionieren, wenn Nutzer die Zeilenhöhe auf 1.5 und die Laufweite auf 0.12 em setzen.
- Einheitenlose line-height-Werte (wie 1.6) skalieren mit der Schriftgröße jedes Elements.
Läuft komplett in deinem Browser – nichts, was du eingibst, wird hochgeladen oder gespeichert.
Häufige Fragen
Was ist eine gute Zeilenhöhe für Fließtext?
Etwa das 1,5- bis 1,6-Fache der Schriftgröße. Bei 16 px Text sind das rund 24–26 px.
Sollten Überschriften eine kleinere Zeilenhöhe haben?
Ja. Großer Text braucht relativ weniger Abstand, daher nutzen Überschriften meist 1.1–1.3 und Display-Text noch weniger.
Was ist die ideale Zeilenlänge zum Lesen?
Etwa 45–75 Zeichen pro Zeile, wobei rund 65 oft als ideal für Fließtext genannt werden.
Sollte ich in CSS einheitenloses line-height verwenden?
Meistens ja. Ein einheitenloser Wert wie 1.6 wird als Verhältnis vererbt, sodass Kindelemente mit anderen Schriftgrößen proportionale Abstände behalten.