Zeilenabstand (Leading), optimal einsetzen

Zeilenabstand (Leading) ist der vertikale Abstand zwischen zwei aufeinanderfolgenden Schriftlinien, gemessen von Grundlinie zu Grundlinie (Baseline to Baseline).

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Typografie · Niveau: Fortgeschritten

Synonyme / Auch bekannt als: Leading (engl.), Durchschuss, Zeilendurchschuss, line-height (CSS), linespacing, interlineage (frz.)

Was ist der Zeilenabstand?

Der Begriff «Leading» stammt aus der Bleisatzzeit: Schriftsetzer schoben Bleistreifen (Regletten) zwischen die Schriftzeilen, um den Abstand zu vergrößern. Ein Durchschuss von 0 bedeutete, dass die Schriftzeilen direkt aneinanderstießen, die Unterlängen der oberen Zeile berührten die Oberlängen der unteren. In der digitalen Typografie ist «Leading» in den meisten Programmen der Abstand von Grundlinie zu Grundlinie (Baseline to Baseline), was dem traditionellen Schriftgrad + Durchschuss entspricht.

Wichtige Unterscheidung:

• Durchschuss = der zusätzliche Raum zwischen zwei Zeilen (ohne Schriftgrad)
• Leading/Zeilenabstand = Schriftgrad + Durchschuss = Baseline-zu-Baseline-Abstand

Beispiel: 10 pt Schriftgrad + 4 pt Durchschuss = 14 pt Leading.

Erklärung: Optimale Zeilenabstände

Faustregeln und Richtwerte

Grundregel: Fließtexte brauchen 120–145 % Leading. Schriften mit großer x-Höhe (z. B. Helvetica, Verdana) benötigen mehr Leading als Schriften mit kleiner x-Höhe (z. B. Garamond).

Faktoren, die das optimale Leading beeinflussen

1. x-Höhe der Schrift Schriften mit großer x-Höhe haben weniger Weißraum zwischen Ober- und Unterlängen und wirken bei gleichem Leading enger. Faustregel: je größer die x-Höhe, desto mehr Leading benötigt.

2. Zeilenlänge (Laufweite) Längere Zeilen (über 80 Zeichen) brauchen mehr Leading, damit das Auge beim Zeilenrücklauf die richtige Linie findet. Kürzere Zeilen (unter 40 Zeichen) können mit weniger Leading auskommen.

3. Schriftbreite (normal, kondensiert, extended) Kondensierte Schriften benötigen weniger Leading, da ihre x-Höhe meist kleiner ist.

4. Schriftgrad Bei sehr kleinen Graden (7–8 pt) relativieren sich die Richtwerte; mehr Leading proportional nötig. Bei sehr großen Graden (ab 36 pt) kann das Leading unter 120 % sinken, da Oberlängen/Unterlängen optisch mehr Raum bieten.

5. Papier und Medium Mattes Papier, das Tinte aufnimmt, kann leicht engeres Leading tolerieren als glänzend gestrichenes. Auf Screen: mehr Leading als Print, da Leuchtdichten die optische Nähe verstärken.

Solid Setting

«Set solid» bedeutet Leading = Schriftgrad (z. B. 10/10 pt). In der Bleisatzzeit war das der Standard ohne Reglette. In der digitalen Typografie fast nie empfohlen außer bei sehr kurzen Display-Texten.

Automatisches Leading in Layoutprogrammen

InDesign: Automatisches Leading = 120 % des Schriftgrades (Standard-Einstellung). Dies entspricht z. B. bei 10 pt → 12 pt Leading. Für Fließtexte reicht das oft nicht. Manuell auf 130–140 % einstellen.

Beispiele: 5 Praxisanwendungen

1. Buchsatz mit Palatino: 11 pt / 15 pt (136 %) auf 115 mm Satzspiegel. Ergibt ca. 62 Zeichen/Zeile. Klassisches Buchmaß für Romane und Sachbücher nach Bringhurst (2004, S. 36).
2. Webseite mit System-Schrift:

``css body { font-size: 1rem; /* 16px */ line-height: 1.625; /* 26px = 162,5% */ max-width: 70ch; /* ca. 70 Zeichen Zeilenlänge */ } `` Großzügiges Leading für Screen-Lesbarkeit, begrenzte Zeilenlänge.

1. Mehrspaltige Zeitschrift: 9 pt / 11,5 pt Leading in 52 mm Spalten. Enger Satz für Platzsparnis, trotzdem noch lesbar durch kurze Zeilen.
2. Negative Leading bei Display-Typo: Headline 72 pt / 64 pt (89 %), negative Leading ist bei sehr großen Schriftgraden in Kombinationen erlaubt, wenn Ober-/Unterlängen nicht kollidieren. Gängige Praxis in Zeitschriften-Covers.
3. Präsentation (PowerPoint/Keynote): 24 pt Body / 36 pt Leading (150 %). Großer Saal: großes Leading für schnelle visuelle Erfassung auf Distanz.

In der Praxis

InDesign:

• Leading einstellen: Fenster → Schrift und Tabellen → Zeichen → Leading-Feld (zweites Zahlenfeld nach Schriftgröße)
• Kurzbefehl: Alt+↑ / Alt+↓ (in 2-pt-Schritten; anpassbar unter Einstellungen → Einheiten und Inkremente → Tastaturinkrement)
• Auto-Leading ändern: Zeichen-Panel-Menü → Justierung → Auto-Leading (Standard 120 %, empfohlen für Fließtext: 130–140 %)
• Baseline Grid aktivieren: Ansicht → Raster und Hilfslinien → Grundlinienraster einblenden (Cmd+Alt+')

Figma:

• Line Height im rechten Panel unter Text → Line Height
• Als Zahl (px), Prozent (%) oder automatisch (Auto) einstellbar
• Auto entspricht circa 120 %, für Fließtext auf 150–160 % erhöhen

CSS: ```css / Empfohlene Praxis: unitless skaliert relativ zum font-size / p { line-height: 1.6; }

/ NICHT empfohlen (px-Angabe bricht bei User-Zoom) / p { line-height: 24px; }

/ Headlines: engeres Leading / h1, h2 { line-height: 1.15; }

/ Fluid Typography kombiniert mit line-height / h1 { font-size: clamp(1.5rem, 4vw, 3rem); line-height: 1.1; } ```

Vergleich & Abgrenzung

Leading vs. Absatzabstand: Leading regelt den Abstand innerhalb eines Absatzes. Paragraph Spacing (Abstand vor/nach in InDesign) regelt den Abstand zwischen Absätzen. Beide sind unabhängig. Konvention: Kein Einzug + Absatzabstand oder Einzug ohne Absatzabstand, nicht beides.

Leading vs. CSS half-leading: In InDesign ist Leading der Abstand Baseline zu Baseline. In CSS ist line-height der Abstand Zeilenoberseite zu Zeilenoberseite und wird symmetrisch um die Textzeile verteilt (half-leading oben und unten). Bei 16 px / 1.5 = 24 px: je 4 px halbes Leading oben und unten. Dies kann zu Unterschieden in Figma-zu-CSS-Übergaben führen.

Häufige Fragen (FAQ)

Kann ich Leading kleiner als 100 % setzen? Ja, aber nur bei großen Schriftgraden und ohne kollidierende Längen. Negatives Leading (Leading < Schriftgröße) ist ein gestalterisches Ausdrucksmittel, das Energie und Dichte erzeugt, selten im Fließtext, häufig in Display-Typografie auf Plakaten und Titelseiten.

Warum unterscheidet sich das Leading in InDesign vom CSS-line-height? InDesign misst von Grundlinie zu Grundlinie. CSS verteilt den Raum (half-leading) symmetrisch ober- und unterhalb der Textzeile. Gleiches numerisches Leading kann deshalb optisch leicht abweichen. Beim Handoff aus Figma immer prüfen, ob die Werte übereinstimmen.

Verwandte Einträge

• Schriftgrad und das Punkt-System
• Baseline Grid in der Praxis
• Hurenkind und Schusterjunge, Vermeiden

Weiterführend

• Bringhurst, Robert (2004): The Elements of Typographic Style. 3. Aufl. Vancouver: Hartley & Marks, S. 34–38.
• Hochuli, Jost (2008): Das Detail in der Typografie. Wilmington: Compugraphic, S. 43–58.
• Forssman, Friedrich; de Jong, Ralf (2002): Detailtypografie. Mainz: Verlag Hermann Schmidt, S. 74–89.