Typografie: Zeichenabstand

Den Zeichenabstand bei Überschriften vergrößern?

Das ist eine dieser typischen Design-Fragen, bei denen die Antwort lautet:
Es kommt darauf an – meistens aber eher das Gegenteil!

In der Typografie gibt es eine Faustregel: Je größer eine Schrift gesetzt wird, desto lockerer wirken die Abstände zwischen den Buchstaben optisch. Deshalb muss man oft manuell eingreifen.

Hier ist der Leitfaden für Überschriften:

1. Bei Großbuchstaben (Versalien): JA

Wenn du eine Überschrift komplett in GROSSBUCHSTABEN schreibst, solltest du den Zeichenabstand (letter-spacing) fast immer leicht erhöhen (ca. 5% bis 10% oder 0.05em bis 0.1em).

• Grund: Großbuchstaben sind dafür gemacht, am Wortanfang zu stehen. Wenn sie alle nebeneinander stehen, wirken sie ohne extra Platz oft gedrungen und sind schwerer lesbar.
• Wirkung: Es wirkt sofort edler, luftiger und professioneller.

2. Bei normaler Schreibweise (Gemischt): EHER NEIN

Bei einer normalen Überschrift (Groß- und Kleinschreibung) führt ein erhöhter Zeichenabstand oft dazu, dass das Wort „auseinanderfällt“. Das Auge kann die Wortgestalt nicht mehr schnell erfassen.

• Der Profi-Trick: Bei sehr großen, fetten Überschriften (z. B. eine h1) wird der Abstand oft sogar leicht verringert (-0.01em bis -0.02em).
• Grund: Große Buchstaben lassen optisch zu viel “Lochfraß” (weißen Raum) zwischen den Zeichen entstehen. Ein leicht negatives Spacing hält die Überschrift kompakt und kraftvoll.

---

Zusammenfassung: Wann was tun?

Szenario	Empfehlung	CSS-Beispiel
Überschrift in Großbuchstaben	Abstand leicht vergrößern	letter-spacing: 0.08em;
Sehr fette, große Headline	Abstand leicht verringern	letter-spacing: -0.015em;
Standard Fließtext	Nicht verändern	letter-spacing: normal;
Serifenschriften (wie Lora)	Vorsicht beim Vergrößern	letter-spacing: normal;