Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.
Die Laufweite — in CSS-Begriffen letter-spacing — ist die gleichmäßige Anpassung des Abstands zwischen allen Zeichen eines Textlaufs, im Unterschied zum Kerning (Unterschneidung), das einzelne Paare justiert. Die Ausgabe dieses Kapitels von 2005 empfahl eine moderate Erhöhung des Buchstabenabstands für Textblöcke am Bildschirm, mit der Begründung, das grobe Pixel-Rendering dränge Buchstabenformen zusammen und etwas zusätzliche Luft helfe. Dieser Rat war ein Produkt seiner Rendering-Umgebung und gilt als allgemeine Regel nicht mehr. Die aktualisierte Position ist konditionaler: Laufweite ist ein größenabhängiges Werkzeug, das an den Extremen der Größenskala hilft und in der Mitte, wo der Fließtext lebt, meist schadet.
Was sich seit 2005 geändert hat
Drei Dinge haben die ursprüngliche Empfehlung umgestoßen. Erstens verbesserte sich das Rendering. 2005 wurden Bildschirmfonts auf ein grobes Raster gehintet, und der Buchstabenabstand ließ sich nur in ganzen Pixelschritten anpassen — der Originaltext erwähnte diese Einschränkung ausdrücklich. Subpixel-Positionierung, hochauflösende Displays und gebrochene CSS-Werte (letter-spacing: 0.01em ist völlig zulässig) beseitigten sowohl das Gedränge-Problem als auch die Ganzzahl-Beschränkung. Für Bildschirme entworfene Textschriften sitzen heute in ihrer beabsichtigten Zurichtung, und die Begründung des Gestalters, sie zu öffnen, hat sich weitgehend verflüchtigt.
Zweitens reifte das Forschungsbild — und wurde weniger aufgeräumt. Studien zu erhöhtem Buchstabenabstand für Leserinnen und Leser mit Dyslexie erregten Anfang der 2010er-Jahre breite Aufmerksamkeit; einige berichteten von deutlichen Zugewinnen bei Lesegeschwindigkeit und -genauigkeit bei Kindern. Nachfolgende Arbeiten fielen jedoch gemischt aus: Die Effekte variieren mit dem Leser, der Schrift, der Sprache und der Wechselwirkung des Abstands mit dem Wortabstand. Für sehbehinderte Leserinnen und Leser ist die Evidenz ähnlich uneindeutig — zusätzlicher Abstand kann Crowding verringern (ein reales Wahrnehmungsphänomen im peripheren Sehen und bei geringer Sehschärfe), verlängert aber zugleich die Zeilen und drängt Wörter auseinander, was eigene Kosten hat. Die ehrliche Zusammenfassung im Jahr 2026: Erhöhter Abstand hilft manchen Lesern unter manchen Bedingungen, und es gibt keine universelle Einstellung, die allen nützt. Das spricht dagegen, einen Kompromiss ins Stylesheet einzubacken, und dafür, sicherzustellen, dass Leser ihren eigenen anwenden können.
Drittens hat die WCAG genau das formalisiert. Das Erfolgskriterium 1.4.12 Text Spacing (Level AA in WCAG 2.1 und 2.2) verlangt, dass Inhalte einen vom Nutzer angewandten Buchstabenabstand vom 0,12-Fachen der Schriftgröße tolerieren — zusammen mit einem Wortabstand von 0,16em und einem Zeilenabstand von 1,5 —, ohne Verlust von Inhalt oder Funktionalität. Die Pflicht des Gestalters ist nicht, die perfekte Laufweite zu wählen; sie ist, Layouts zu bauen, die überleben, wenn der Leser seine eigene wählt.
Laufweite ist größenabhängig
Das haltbarste Prinzip dieses Kapitels ist, dass die angemessene Laufweite umgekehrt zur Größe variiert. Schriftgestalter richten Fonts für einen Zielgrößenbereich zu; wird Text weit außerhalb dieses Bereichs gesetzt, braucht die Zurichtung eine Korrektur.
In kleinen Graden — Bildunterschriften, Fußnoten, Datenbeschriftungen, UI-Microcopy — drängen sich Buchstabenformen wahrnehmungsseitig selbst dann, wenn sie metrisch korrekt stehen, und eine kleine positive Laufweite (in der Größenordnung von ein bis zwei Hundertstel eines Gevierts) verbessert die Leserlichkeit tatsächlich. Versalsatz und Kapitälchen sind der stärkste Fall: Versalien wurden entworfen, um Kleinbuchstaben-Wörter zu beginnen, nicht um nebeneinander zu sitzen, und Beschriftungen nur aus Großbuchstaben profitieren fast immer von geöffneter Laufweite, oft fünf bis zehn Hundertstel eines Gevierts.
In Fließtextgrößen ist die Standard-Zurichtung die Absicht des Gestalters, und Abweichungen sind meist Verluste. Positive Laufweite schwächt die Wortgestalt — die "Bouma"-Hülle, die Leser zur schnellen Worterkennung nutzen — und verwässert den Kontrast zwischen Buchstabenraum und Wortraum, der Wortgrenzen signalisiert. Negative Laufweite in Fließtextgrößen ist schlimmer: Sie führt genau das Gedränge wieder ein, das sehbehinderten Lesern am meisten schadet.
In Displaygrößen kehrt sich die Korrektur um: Große Headlines wirken bei Standard-Zurichtung oft zu offen, weil die Metriken für kleinere Grade abgestimmt wurden, und eine leichte negative Laufweite strafft sie. Das ist eine Verfeinerung, keine Pflicht, und sie darf nie auf Text angewendet werden, den ein Nutzer in den Fließtext-Lesedienst vergrößern könnte.
Variable Fonts versus mechanische Laufweite
Mechanische Laufweite — gleichmäßigen Raum zwischen Glyphen einzufügen, die für einen anderen Rhythmus gezeichnet wurden — ist immer ein Kompromiss. Variable Fonts bieten etwas Besseres. Schriften mit einer Achse für optische Größen verändern ihre tatsächliche Zeichnung über die Grade hinweg: Kleinere optische Größen tragen weitere Zurichtung, robustere Striche und größere x-Höhen, während Displaygrößen sich straffen und verfeinern. Browser wenden das über font-optical-sizing: auto automatisch an, wenn die Achse existiert. Wo ein Variable Font optische Größen bietet (oder, seltener, eine eigene Grade- oder Spacing-Achse), ziehen Sie sie manuellem letter-spacing vor: Der Gestalter hat die größenabhängige Zurichtung ganzheitlich gelöst statt durch gleichförmiges Auffüllen. Mechanische Laufweite bleibt der Rückgriff für statische Fonts und für Konventionen wie Versalbeschriftungen, die keine Achse abdeckt.
Praktische Vorsichtsmaßnahmen
Geben Sie letter-spacing immer in em-Einheiten an, damit es mit der Schriftgröße skaliert; ein Pixelwert, der bei 16px subtil ist, wird destruktiv, wenn der Nutzer zoomt oder den Text vergrößert. Bedenken Sie, dass hinzugefügte Laufweite Kerningpaare faktisch außer Kraft setzt — ein weiterer Grund, die Werte klein zu halten. Und testen Sie jede Komponente unter den 1.4.12-Überschreibungswerten: Spationierte Navigationsbeschriftungen in Containern fester Breite sind ein häufiger Ort, an dem Text abgeschnitten wird oder destruktiv umbricht, wenn ein Leser seine eigenen 0,12em hinzufügt.
In CSS
p { letter-spacing: normal; } /* body text: hands off */
.caps-label { letter-spacing: 0.08em; } /* open short caps runs */
/* Must survive the WCAG 1.4.12 user override without breaking:
letter-spacing: 0.12em applied to all text */Empfehlungen
- Spationieren Sie keinen Fließtext; die Standard-Zurichtung der Schrift ist der korrekte Standard.
- Geben Sie sehr kleinem Text eine moderate positive Laufweite (etwa 0,01–0,02em) und Versal- oder Kapitälchen-Beschriftungen mehr (etwa 0,05–0,1em).
- Wenden Sie leichte negative Laufweite nur in großen Displaygrößen an, und nur nachdem Sie das Ergebnis bei nutzerseitig vergrößertem Text geprüft haben.
- Bevorzugen Sie Variable Fonts mit einer Achse für optische Größen gegenüber mechanischer Laufweite; aktivieren Sie font-optical-sizing.
- Geben Sie jedes letter-spacing in em-Einheiten an, nie in Pixeln.
- Stellen Sie sicher, dass nichts abgeschnitten wird, überlappt oder an Funktionalität verliert, wenn Nutzer die Abstands-Überschreibungen nach WCAG 1.4.12 anwenden.
- Behandeln Sie die Personalisierung der Abstände als Vorrecht des Lesers: Bauen Sie Toleranz, keinen einzelnen "barrierefreien" Laufweitenwert.