Tracking und Laufweite, Zeichenabstand richtig einsetzen

Tracking (Laufweite) bezeichnet die gleichmäßige Veränderung des Abstands zwischen allen Buchstaben eines Textes oder einer Auswahl, gemessen in 1/1000 Geviert (em).

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

Synonyme / Auch bekannt als: Laufweite, Zeichenabstand, letter-spacing (CSS), Spationierung, Letterspace

Was ist Tracking?

Tracking, auf Deutsch «Laufweite», ist das gleichmäßige Öffnen oder Schließen der Abstände zwischen allen Buchstaben in einem ausgewählten Textbereich. Im Unterschied zum Kerning, das paarweise zwischen einzelnen Buchstaben korrigiert, zieht Tracking alle Buchstaben gleichzeitig auseinander oder zusammen. Das Maß wird in Einheiten zu 1/1000 em (Geviert) angegeben, eine Einheit entspricht also einem Tausendtel der Schriftgröße. Bei 12 pt Schrift = 1 Tracking-Einheit = 0,012 pt.

Tracking wirkt auf den Grauwert (optische Dichte) des Textes: Positives Tracking hellt den Text auf, macht ihn luftiger; negatives Tracking verdunkelt ihn, macht ihn kompakter.

Erklärung: Richtwerte und Regeln

Empfohlene Tracking-Werte nach Textart

Maßeinheiten im Vergleich

Umrechnung: CSS letter-spacing: 0.05em entspricht annähernd +50 Tracking-Einheiten in InDesign bei gleicher Schriftgröße.

Goldene Regeln des Trackings

1. Versalien immer sperren: Majuskeln wurden für den Satz mit Minuskeln entworfen. Großbuchstaben-only-Texte wirken bei 0 Tracking gedrängt. Minimum: +40, besser +60–+100.
2. Kursivschriften nicht sperren: Kursive sind für enge Laufweite konzipiert; Sperren zerstört ihren Schwung und ihre Eleganz.
3. Fließtext nur minimal verändern: Mehr als ±20 Einheiten im Fließtext stören den Grauwert erheblich. Subtile Korrekturen sind das Ziel.
4. Tracking addiert sich zum Kerning: In InDesign wird Tracking auf die bereits gekernten Abstände addiert. Globales Tracking kann sorgfältiges Kerning teilweise kompensieren oder korrumpieren.
5. Negative Tracking nur bei großen Graden: Unter 18 pt riskiert negatives Tracking Buchstabenkollisionen.

Beispiele: 5 Praxisanwendungen

1. Versalschriftzug «LAZI AKADEMIE» (+80 Einheiten): Institutionelle Namen in Majuskelschreibung immer gesperrt setzen, wirkt souverän, klar und exklusiv. Standard bei Luxus- und Bildungsmarken.
2. Überschrift in Black-Schnitt (–30 Einheiten, 48 pt): Eine fette Kondensierte oder Black-Schrift mit leicht negativem Tracking erzeugt maximale Dichte, beliebt in Sport- und Nachrichtenmedien.
3. Bildunterschriften in Kapitälchen (+50 Einheiten, 8 pt): Captions in Small Caps brauchen erhöhte Laufweite, damit die Formen nicht ineinander laufen.
4. Navigationsleiste Web (letter-spacing: 0.06em): Viele Designsysteme nutzen leicht erhöhtes Tracking in Navigations-Labels für einen cleanen, modernen Look. Apple und Google folgen dieser Konvention.
5. Zeitschriften-Dachzeile (Rubrik, +100 Einheiten, Grotesk Bold): Rubriken in Großbuchstaben und starker Sperrung erzeugen klare hierarchische Trennung vom Fließtext.

In der Praxis

InDesign:

• Tracking-Feld: Fenster → Schrift und Tabellen → Zeichen (AV-Icon mit Pfeilen, Feld rechts neben dem Kerning-Feld)
• Kurzbefehl: Alt+→ / Alt+← (+/– 20 Einheiten); mit Cmd+Alt: +/– 100 Einheiten
• Menüpfad für Absatzformat: Fenster → Formate → Absatzformate → [Formatname] → Zeichenformat → Zeichenabstand → Laufweite

Figma:

• Im rechten Panel unter Text → Letter Spacing als % oder px
• In Text Styles definierbar für konsistente Anwendung über Komponenten

CSS: ```css / Empfohlene Praxis: em-Einheiten / .heading-uppercase { text-transform: uppercase; letter-spacing: 0.08em; / +80 Einheiten / }

/ Negative Sperrung für fette Headlines / .hero-headline { font-weight: 900; font-size: 4rem; letter-spacing: -0.03em; / –30 Einheiten / }

/ Captions / .caption { font-size: 0.75rem; letter-spacing: 0.05em; font-variant-caps: small-caps; } ```

Achtung: CSS letter-spacing addiert den Wert nach jedem Zeichen, einschließlich des letzten. Dies kann bei rechtsbündigem Text optisch stören. Lösung: negativen margin-right auf das letzte Zeichen (per Pseudo-Element).

Vergleich & Abgrenzung

Tracking vs. Kerning: Tracking ist global und gleichmäßig; Kerning ist paarspezifisch und lokal. Beide arbeiten in 1/1000 em. Kerning ist die feinere Korrektur, Tracking die strategische Stilentscheidung.

Tracking vs. Wortabstand: word-spacing in CSS / Wortabstand in InDesign verändert nur die Abstände zwischen Wörtern, nicht zwischen Einzelbuchstaben. Beide gemeinsam steuern die Textdichte im Blocksatz.

Tracking vs. Horizontale Skalierung: Horizontale Skalierung (Condensed-Simulation) verzerrt die Buchstabenformen selbst, das ist ein typografischer Fehler. Tracking verändert nur den Raum zwischen den Zeichen, nicht die Zeichen selbst.

Häufige Fragen (FAQ)

Darf ich im Fließtext Tracking verwenden? Ja, aber sehr zurückhaltend. Werte zwischen –10 und +20 Einheiten sind für Fließtext meistens akzeptabel. Stärkere Eingriffe verändern den Grauwert und können bei Blocksatz zu ungleichmäßigen Wortabständen führen. Für optische Korrekturen einzelner Zeilen besser auf Silbentrennung oder Wortabstandsanpassung ausweichen.

Ist CSS letter-spacing dasselbe wie Tracking in InDesign? Prinzipiell ja, aber mit einem Unterschied: InDesign wendet Tracking zusätzlich zu den Kern-Paaren der Schrift an. CSS letter-spacing ignoriert eingebettetes Kerning und setzt den Wert absolut. Das kann leichte Abweichungen erzeugen, die im Handoff-Prozess (Figma → CSS) auffallen.

Verwandte Einträge

• Kerning, manuell, metrisch, optisch
• Spationierung, Majuskeln und Kapitälchen
• Mikrotypografie, Details die wirken

Weiterführend

• Forssman, Friedrich; de Jong, Ralf (2002): Detailtypografie. Mainz: Verlag Hermann Schmidt, S. 56–63.
• Bringhurst, Robert (2004): The Elements of Typographic Style. 3. Aufl. Vancouver: Hartley & Marks, S. 28–33.
• Spiekermann, Erik (2014): Stop Stealing Sheep & Find Out How Type Works. 3. Aufl. San Francisco: Adobe Press.