Die Laufweite ist der gleichmäßige Abstand zwischen allen Zeichen eines Textes, englisch tracking. Sie wird für ganze Wörter, Zeilen oder Absätze enger oder weiter gestellt, während das Kerning nur einzelne Buchstabenpaare ausgleicht. In CSS heißt die Eigenschaft für die Laufweite letter-spacing.
- Laufweite
Der gleichmäßige Abstand zwischen allen Zeichen eines Textes, der für ganze Passagen enger oder weiter gestellt wird.
Beispiel: „Für die Zeile in Versalien über der Überschrift haben wir die Laufweite um ein Pixel erhöht.“Auch: Tracking, Zeichenabstand.
Abgrenzung zum Kerning: Es gleicht nur bestimmte Buchstabenpaare aus.
Wann sich die Laufweite ändern lässt
Text in Großbuchstaben braucht mehr Abstand; die OpenType-Spezifikation sieht dafür sogar eine eigene Funktion vor, weil Versalien in Wörtern mehr Raum brauchen. Große Überschriften vertragen eine engere Laufweite, Fließtext bleibt meist, wie die Schrift ihn vorgibt. Sehr kleine Schrift, etwa in Fußnoten oder Bildunterschriften, wird mit etwas mehr Laufweite leichter lesbar, weil die Buchstaben sonst optisch zusammenlaufen. Allgemein gültige Werte gibt es nicht.
Laufweite in CSS
Der Wert von letter-spacing wird zum natürlichen Abstand addiert, am besten in em, damit er mit der Schriftgröße wächst. Bei einem Wert ungleich null verzichten Browser auf optionale Ligaturen.
.eyebrow {
text-transform: uppercase;
letter-spacing: 0.08em;
}Laufweite und Barrierefreiheit
Nach WCAG 2.2 muss eine Website aushalten, dass Nutzer den Zeichenabstand auf das 0,12-Fache der Schriftgröße erhöhen, ohne dass Text abgeschnitten wird. Feste Breiten für Buttons und Beschriftungen sind deshalb riskant; mehr unter Textabstände anpassbar.