Zeilenabstand (englisch: Leading) bezeichnet den vertikalen Abstand zwischen den Grundlinien zweier aufeinanderfolgender Textzeilen; er ist neben Schriftgröße und Zeilenlänge einer der entscheidenden Parameter für Lesbarkeit und Textwirkung.
Rubrik: Grundlagen der Gestaltung · Unterrubrik: Typografie · Niveau: Einsteiger Synonyme / Auch bekannt als: Leading, Durchschuss, Linienabstand, Line Spacing, line-height
Was ist der Zeilenabstand?
Der Zeilenabstand ist der Abstand zwischen der Grundlinie einer Zeile und der Grundlinie der nächsten Zeile. Er wird in Punkt (pt) für den Druck oder als Faktor (z. B. 1,5) bzw. in Pixel (px) für digitale Medien angegeben. Ein zu kleiner Zeilenabstand lässt Texte eng und erstickt wirken und erschwert das Zeilenfinden beim Lesen. Ein zu großer Zeilenabstand unterbricht den Lesefluss, weil das Auge zu weite Sprünge machen muss. Die Kunst liegt in der präzisen Abstimmung auf Schriftgröße, Schriftart und Spaltenbreite.
Erklärung
Der Begriff „Leading" kommt aus dem Bleisatz: Schriftsetzer legten zwischen die Bleiletternreihen dünne Bleistreifen (englisch: leads), um den Abstand zu regulieren. Im digitalen Zeitalter ist dieser physische Prozess verschwunden, der Begriff ist geblieben.
Maßeinheiten:
- Absolut in Punkt: Im Print üblich; z. B. 10 pt Schrift mit 14 pt Zeilenabstand (geschrieben: 10/14).
- Prozentwert: Im Print manchmal als Prozentwert der Schriftgröße angegeben.
- Faktor (Unitless): Im Web empfohlen;
line-height: 1.5bedeutet 150 % der Schriftgröße. - Pixel: Im Web möglich, aber weniger flexibel als Faktoren.
Richtwerte für den Zeilenabstand:
- Fließtext Print: 120–145 % der Schriftgröße (z. B. 10/12 bis 10/14,5)
- Fließtext Web: 1.4–1.7 (als CSS-Faktor)
- Überschriften: 100–120 % (enger als Fließtext, da die Zeilenlänge kürzer ist)
- Tabellentext: 110–125 %
Einflussfaktoren auf den optimalen Zeilenabstand:
- Zeilenlänge: Längere Zeilen brauchen mehr Zeilenabstand, damit das Auge die nächste Zeile findet.
- x-Höhe: Schriften mit großer x-Höhe benötigen mehr Luft zwischen den Zeilen.
- Schriftschnitt: Fette Schriften brauchen tendenziell mehr Zeilenabstand als leichte.
- Medium: Bildschirm erfordert etwas mehr Abstand als Print, da Schriftränder am Bildschirm weniger scharf sind.
Baseline Grid: Im professionellen Layout wird der Zeilenabstand an ein Baseline Grid gebunden. Alle Textelemente rasten auf ein gemeinsames Raster ein, was dem Layout Kohärenz und Ordnung verleiht.
Beispiele
- Buch-Fließtext (10/13 pt, Garamond Regular): Der Zeilenabstand von 130 % ist klassisch für Bücher; ausreichend Luft, kompakte Seite.
- Webseiten-Fließtext (16 px / line-height: 1.6): Standard für komfortable Lesbarkeit auf Desktop-Bildschirmen; entspricht 160 % der Schriftgröße.
- Überschriften im Magazin (36 pt / 38 pt Leading): Enger Zeilenabstand bei großen Überschriften verhindert zu viel Leerraum und wirkt dynamischer.
- Blocksatz-Spalte in Zeitung (8/10 pt): Sehr knapper Zeilenabstand aus Platzmangel; funktioniert nur, weil die Spalten schmal und die Schrift optimal für Zeitungsdruck gewählt ist.
- Präsentation (24 pt / line-height: 1.3): Bei größerer Schrift reicht weniger relativer Abstand, da der Leseabstand (Beamer, Projektor) groß ist.
In der Praxis
In Adobe InDesign setzt man den Zeilenabstand im Zeichenbedienfeld (Strg+T / Cmd+T) oder über Absatzformate. InDesign bietet auch „Auto"-Leading (120 % der Schriftgröße als Standardwert). Im Web verwendet man CSS line-height; Faktoren ohne Einheit (z. B. 1.6) sind Pixelwerten vorzuziehen, weil sie mit der Schriftgröße skalieren. In Figma kann der Zeilenabstand in Prozent oder als fester Wert angegeben werden; für konsistente Designs empfehlen sich Text Styles.
Vergleich & Abgrenzung
Zeilenabstand ist nicht zu verwechseln mit dem Absatzabstand (Abstand zwischen Absätzen, in CSS margin-bottom). Beide beeinflussen die vertikale Raumaufteilung im Text, aber der Zeilenabstand wirkt innerhalb des Absatzes, der Absatzabstand zwischen Absätzen.
Häufige Fragen (FAQ)
Was bedeutet „Auto-Leading" in InDesign? Auto-Leading setzt den Zeilenabstand automatisch auf 120 % der Schriftgröße. Bei 10 pt Schrift wäre das 12 pt Zeilenabstand. Das ist ein guter Ausgangspunkt, muss aber je nach Schrift und Zeilenlänge angepasst werden – vor allem bei breiten Spalten und Schriften mit großer x-Höhe.
Warum wirkt mein Text im Web eng, obwohl der Zeilenabstand auf 1.2 gesetzt ist? 1.2 ist für Überschriften geeignet, für Fließtext aber meist zu eng. Besonders auf Bildschirmen empfiehlt sich 1.5–1.7. Probiere zunächst 1.5 aus und passe an, bis der Text angenehm fließt.
Verwandte Einträge
Weiterführend
- Forssman, F. & de Jong, R. (2002): Detailtypografie. Verlag Hermann Schmidt.
- Bringhurst, R. (2004): The Elements of Typographic Style. Hartley & Marks Publishers.
- MDN Web Docs: line-height – CSS Reference. developer.mozilla.org.
