Kerning

Jeder Buchstabe hat in der Schriftdatei eine feste Breite, links und rechts mit etwas Weißraum. Bei den meisten Paaren passt das. Trifft aber ein „T“ auf ein „o“, bleibt unter dem Querbalken des T eine Lücke, die größer wirkt als der Abstand zwischen „n“ und „o“. Das Auge nimmt die weiße Fläche zwischen den Formen wahr, und die fällt hier größer aus. Kerning gleicht sie aus.

Gut ausgebaute Schriften bringen dafür eine Kerning-Tabelle mit, in der die Schriftgestalter Hunderte bis Tausende Paare festgelegt haben. Layoutprogramme wie InDesign übernehmen diese Werte automatisch („metrisch“). Daneben gibt es optisches Kerning, bei dem das Programm die Abstände aus den Buchstabenformen selbst berechnet.

Die beiden werden oft verwechselt. Kerning betrifft immer genau zwei Zeichen an einer Stelle. Die Laufweite, englisch Tracking, verändert den Abstand gleichmäßig über ein ganzes Wort oder eine ganze Zeile. Soll eine Überschrift in Großbuchstaben insgesamt luftiger stehen, ist das ein Fall für die Laufweite. Klafft danach zwischen „L“ und „T“ immer noch ein Loch, kommt das Kerning dran.

Im Fließtext bei 16 Pixeln sieht kaum jemand einen Unterschied. Je größer die Schrift, desto deutlicher werden die Lücken: in Logos, auf Plakaten und Schildern, in großen Überschriften auf der Startseite. Besonders anfällig sind Wörter in Versalien und Kombinationen mit A, V, W, T, Y oder L.

Bei Logos ist Kerning deshalb Handarbeit. Eine Wortmarke wird nach dem Feinschliff in Pfade umgewandelt und als Vektorgrafik gespeichert. So bleiben die korrigierten Abstände überall gleich, auch dort, wo die Schrift gar nicht installiert ist.

Browser wenden die Kerning-Tabelle einer Webschrift in der Regel von selbst an. Per CSS lässt sich das mit der Eigenschaft „font-kerning“ steuern. „letter-spacing“ dagegen ändert die Laufweite für alle Zeichen gleich. Einzelne Paare von Hand zu verschieben geht im Web nur über Umwege und lohnt sich höchstens für eine große Überschrift. Wichtiger ist die Wahl einer gut gemachten Schrift. Wie du Schriften fürs Web auswählst und kombinierst, steht im Ratgeber Typografie im Webdesign.

Wenn wir für dich ein Logo gestalten, gehören die Buchstabenabstände der Wortmarke zur Arbeit dazu (Logodesign). Auf deiner Website achten wir darauf, dass große Überschriften sauber laufen und die gewählte Schrift im Browser so aussieht wie im Entwurf (Webdesign).

Verwandte Begriffe: Wortmarke · Vektorgrafik · Styleguide · Corporate Identity