Die Zeilenhöhe, englisch line height, ist der Abstand von einer Textzeile zur nächsten, gemessen von Grundlinie zu Grundlinie. Sie entscheidet mit darüber, wie leicht das Auge am Ende einer Zeile den Anfang der nächsten findet. MDN empfiehlt für Fließtext mindestens das 1,5-Fache der Schriftgröße.
- Zeilenhöhe (Line Height)
Der Abstand zwischen zwei Textzeilen, gemessen von Grundlinie zu Grundlinie, meist als Vielfaches der Schriftgröße angegeben.
Beispiel: „Mit einer Zeilenhöhe von 1,6 wirken die langen Absätze deutlich ruhiger.“Auch: Zeilenabstand; englisch line height.
Abgrenzung zum Durchschuss: Er ist nur der freie Raum zwischen den Zeilen. Im Bleisatz war das ein Streifen Blei, daher das englische leading.
Welche Zeilenhöhe sich bewährt
Google Fonts nennt für lateinische Schrift 115 bis 150 Prozent der Schriftgröße als günstigen Bereich. Kleine Schrift braucht mehr Zeilenhöhe, große Überschriften weniger, oft nur 90 bis 100 Prozent. Breitere Spalten brauchen mehr Abstand als schmale.
Zeilenhöhe in CSS
Die Eigenschaft line-height nimmt am besten einen Wert ohne Einheit, der mit der Schriftgröße mitwächst. Ein Wert mit Einheit wie 24px wird dagegen einmal berechnet und so an alle Kindelemente vererbt; größere Überschriften darin können dann ineinanderlaufen. Der Standardwert normal liegt in Desktop-Browsern bei etwa 1,2.
p {
font-size: 1.125rem;
line-height: 1.6;
}Zeilenhöhe und Barrierefreiheit
Nach WCAG 2.2 darf kein Inhalt verloren gehen, wenn Nutzer die Zeilenhöhe auf das 1,5-Fache stellen. Die Website muss das nicht selbst vorgeben, aber aushalten; mehr dazu unter Textabstände anpassbar.