Der optische Randausgleich schiebt Satzzeichen und manche Buchstaben leicht über den Satzrand hinaus. Rechnerisch ist die Kante dann ungerade, für das Auge wirkt sie gerade. Das Typolexikon beschreibt ihn als Ausgleich der linken und rechten Satzkante zu einer optisch, nicht rechnerisch glatten Linie.
- Optischer Randausgleich
Das leichte Hinausschieben von Satzzeichen und runden Buchstaben über den Satzrand, damit die Kante optisch gerade wirkt.
Beispiel: „Mit optischem Randausgleich hängt das Anführungszeichen am Zitatbeginn links über die Kante.“Auch: hängende Interpunktion für den Teil, der nur Satzzeichen betrifft, englisch optical margin alignment.
Gehört zur Mikrotypografie, der Feinarbeit an Zeichen und Abständen.
Warum ein optischer Randausgleich nötig ist
Satzzeichen wie Anführungszeichen, Trennstriche und Punkte sind kleiner als Buchstaben. Stehen sie genau am Rand, entsteht dort eine Lücke, und die Zeile wirkt eingerückt. Ähnliches gilt laut Typolexikon für Buchstaben mit schrägen oder runden Kanten wie A, T, V, W, O und C. Schon Gutenberg glich in seiner Bibel den Rand so aus.
Optischer Randausgleich in InDesign und CSS
In InDesign ist der optische Randausgleich eine Option des Textabschnitts, die laut Google Fonts die Zeichen automatisch hinausschiebt. CSS kennt nur den Teil für Satzzeichen: Die Eigenschaft hanging-punctuation aus CSS Text 3 lässt öffnende Zeichen am Anfang der ersten Zeile und schließende am Ende hängen. Laut MDN beherrscht das bisher nur Safari; vollständig seit Version 26.5.
blockquote p {
hanging-punctuation: first last;
}Was ohne Browserunterstützung bleibt
In Chrome, Edge und Firefox wirkt hanging-punctuation nicht, der Text sieht dort einfach normal aus. Google Fonts zeigt einen Behelf mit einem Span und negativem Außenabstand für das erste Anführungszeichen. Einen Randausgleich für Buchstaben bietet CSS nicht.