Buchstabenabstand und Schreibweise

Ein beliebter Look für kleine Beschriftungen: winzige Großbuchstaben mit etwas zusätzlichem Platz zwischen den Buchstaben. Winzige Versalien sind leichter zu lesen, wenn sie nicht gedrängt stehen:

Verspielt   Verspielt   Verspielt

uppercase kennst du aus der letzten Lektion. Das sind alle Klassen für text-transform:

Den Abstand zwischen Buchstaben (letter-spacing) setzen die Klassen tracking-; Tracking ist das Wort der Setzer dafür:

Die Einheit em ist wie rem, bezieht sich aber auf die Schriftgröße des Elements selbst: 1em ist die eigene Schriftgröße des Elements. Der Abstand wächst also mit dem Text: Bei Text mit 12 Pixeln fügt tracking-wide nach jedem Buchstaben 0,3 Pixel hinzu, bei Text mit 48 Pixeln 1,2 Pixel. Negative Werte rücken die Buchstaben näher zusammen; große Überschriften sehen mit tracking-tight oft besser aus.