Leading (deutsch: Zeilenabstand) ist der vertikale Abstand zwischen den Grundlinien zweier aufeinanderfolgender Textzeilen. Zusammen mit Kerning und Schriftwahl gehört Leading zu den fundamentalen Parametern professioneller Typografie, die über Lesbarkeit und visuelle Qualität entscheiden.
Woher der Begriff stammt
„Leading" kommt aus dem Bleisatz (engl. „lead" = Blei). Im klassischen Buchdruck wurden dünne Bleistreifen zwischen die Textzeilen gelegt, um den Abstand zu vergrößern. Je mehr Bleistreifen, desto größer das Leading. Der Begriff hat sich bis heute gehalten.
Optimale Zeilenabstände
Es gibt keine universelle Zahl – der optimale Zeilenabstand hängt von Schriftart, Schriftgröße, Zeilenlänge und Medium ab. Bewährte Richtwerte:
Fließtext
- Print: 120–145 % der Schriftgröße (12pt Schrift → 14,4–17,4pt Leading)
- Web: 1,4–1,6 × Schriftgröße (16px Schrift → 22–26px Leading)
- Mobile: Tendenziell etwas großzügiger wegen kleinerer Screens
Überschriften
- 1,1–1,3 × Schriftgröße: Enge Zeilenabstände bei großen Headlines wirken kompakt und kraftvoll
- Bei mehrzeiligen H1-Headlines kann sogar ein Leading unter 1,1 wirken – vorausgesetzt, Ober- und Unterlängen kollidieren nicht
Smalltext / Bildunterschriften
- 1,3–1,5 × Schriftgröße: Kleine Texte brauchen etwas mehr relativen Raum für gute Lesbarkeit
Leading und Zeilenlänge
Eine fundamentale typografische Regel: Je breiter die Textzeile, desto größer muss der Zeilenabstand sein. Bei breiten Zeilen verliert das Auge den Anschluss an die nächste Zeile – mehr Leading hilft beim Zurückspringen.
Ideale Zeilenlänge: 60–80 Zeichen pro Zeile. Bei dieser Länge funktioniert ein Leading von 1,5 optimal.
Leading in CSS
Im Webdesign wird Leading über die CSS-Eigenschaft line-height gesteuert:
body {
font-size: 16px;
line-height: 1.5; /* = 24px */
}
h1 {
font-size: 48px;
line-height: 1.1; /* = 52.8px */
}
Best Practice: Verwenden Sie einheitslose Werte (1.5 statt 24px). Sie skalieren automatisch mit der Schriftgröße – besonders wichtig für Responsive Design.
Häufige Leading-Fehler
- Zu eng: Text wirkt gequetscht, Buchstaben kollidieren optisch – Lesbarkeit sinkt drastisch
- Zu weit: Zeilen fallen auseinander, der Text wirkt löchrig – der Lesefluss bricht
- Einheitlich für alles: Headlines, Fließtext und Bildunterschriften brauchen unterschiedliches Leading
- Ignorieren beim Responsive Design: Was am Desktop funktioniert, kann am Smartphone zu eng sein
Leading als Design-Element
Bewusst eingesetzter Zeilenabstand ist ein mächtiges Werkzeug für Weißraum und visuelle Hierarchie. Großzügiges Leading signalisiert Eleganz und Premium-Qualität – nicht umsonst nutzen Luxusmarken und Apple extrem luftige Textgestaltung. Im Corporate Design wird Leading als fester Wert im Styleguide dokumentiert und konsequent über alle Medien angewendet.