Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.
Die ursprüngliche Empfehlung von 2005 war unmissverständlich: Durchgehenden Text in aufrechten Antiqua-Buchstaben setzen, weil geneigte Buchstabenformen für sehbehinderte Leserinnen und Leser schwerer aufzulösen sind. Zwei Jahrzehnte verbesserter Bildschirmdarstellung, höher auflösender Displays und besserer Forschung haben diesen Rat verfeinert, ohne ihn umzustoßen. Aufrechte Schrift bleibt der korrekte Standard für Fließtext. Geändert hat sich unser Verständnis des Warum — und dessen, was zu tun ist, wenn geneigte Schrift wirklich nützlich ist.
Neigung ist keine einheitliche Sache. Eine echte Kursive ist ein eigenständiger Entwurf — oft mit anderen Buchstabenkonstruktionen (dem einstöckigen a und g, kursiven An- und Abstrichen, schmaleren Proportionen). Eine Oblique (schräg gestellt) ist der aufrechte Entwurf, mechanisch oder optisch geneigt. Und eine synthetisierte Neigung ist das, was Software fabriziert, wenn keine Kursiv-Datei verfügbar ist: Der Browser schert die Antiqua-Glyphen zur Seite. Diese drei Fälle haben sehr unterschiedliche Leserlichkeitsprofile, und der Text von 2005 behandelte sie als einen.
Was sich seit 2005 geändert hat
Version 1 empfahl, Kursive gänzlich zu meiden und für die Auszeichnung fette Schrift zu verwenden. Das war ein vernünftiger Rat für 96-DPI-Bildschirme, die gehintete Bitmaps darstellten, auf denen geneigte Striche zu Treppenstufen aliasten und Buchstabenformen tatsächlich zerfielen. Auf modernen hochauflösenden Displays mit Subpixel- und Graustufen-Antialiasing wird eine gut gezeichnete Kursive sauber gerendert, und das pauschale Verbot ist für kurze Passagen nicht mehr gerechtfertigt.
Der aktuelle Konsens, wie er sich in den Leitlinien von Organisationen für sehbehinderte Leserinnen und Leser spiegelt, ist verhältnismäßig: Kursiven für durchgehenden Text meiden — Absätze, lange Bildunterschriften, ausgedehnte Zitate —, sie aber für ihre traditionellen semantischen Rollen akzeptieren: Auszeichnung eines Wortes oder einer Wendung, Werktitel, fremdsprachige Begriffe. Das Problem waren nie ein paar geneigte Wörter; es waren Seiten davon.
Die andere große Veränderung sind Variable Fonts. OpenType-Variationen, seit etwa 2018 in jedem großen Browser unterstützt, führten zwei registrierte Achsen ein, die hier relevant sind: slnt (Neigung), ein kontinuierlicher Winkel, typischerweise in negativen Grad ausgedrückt, und ital (Kursive), meist ein binärer Schalter zwischen Antiqua- und echten Kursiv-Konstruktionen. CSS macht diese über die Eigenschaft font-style zugänglich — font-style: italic sollte die ital-Achse oder eine Kursiv-Datei auswählen, während font-style: oblique 8deg bei Fonts, die das unterstützen, einen bestimmten Neigungswinkel anfordern kann. Das gibt Gestalterinnen und Gestaltern eine präzise, bewusste Kontrolle, die es 2005 schlicht nicht gab.
Echte Kursiven, Obliques und synthetische Neigungen
Die Leserlichkeitshierarchie ist konsistent. Echte Kursiven sind als Kursiven gezeichnet: Die Striche sind auf den Winkel abgestimmt, die Punzen bleiben offen, die Zurichtung ist angepasst. Vom Schriftgestalter entworfene Obliques (üblich bei grotesken Serifenlosen) sind eine Stufe darunter, aber immer noch bewusst korrigiert — Kurven werden neu gezeichnet, damit sie sich unter der Scherung nicht verzerren. Synthetisierte Neigungen sind der schlechteste Fall: Naives Scheren verdünnt eine Seite jeder Kurve, schließt Punzen und stört die Zurichtung. Nichts an dem Ergebnis wurde je von einem Gestalter gesehen.
Die praktische Regel: Verlassen Sie sich nie auf eine Fake-Kursive. Wenn die ausgelieferte Schrift keine Kursive hat, laden Sie entweder eine oder verwenden Sie gar keine kursive Auszeichnung. In CSS deaktiviert font-synthesis: none (oder font-synthesis-style: none) die vom Browser fabrizierte Neigung, sodass eine fehlende Kursive zu aufrechter Schrift degradiert statt zu einer verzerrten Scherung. Prüfen Sie Ihr Font-Loading — eine überraschende Zahl von Produktionsseiten fordert kursive Schnitte an, die sie nie tatsächlich laden, und jede dieser Passagen wird als synthetische Neigung gerendert.
Überlegungen zur Sehbehinderung
Die Kernbeobachtung von 2005 gilt weiterhin für Leserinnen und Leser mit reduzierter Sehschärfe, zentralem Gesichtsfeldausfall oder kataraktbedingter Unschärfe: Geneigte Buchstabenformen bieten weniger vertraute Umrisse, engere wahrgenommene Abstände und — bei kursiv geprägten Schnitten — Buchstabenkonstruktionen, die von der Antiqua abweichen, an der ein Leser sein Lesen geübt hat. Die WCAG verbietet Kursiven nicht, aber Leitlinien zu den Bedürfnissen sehbehinderter Nutzer raten durchgängig dazu, sie zu begrenzen, und Leserinnen und Leser, die Text vergrößern, berichten, dass Kursive unter Unschärfe schneller degradiert als das aufrechte Pendant.
Fette Schrift bleibt eine starke Auszeichnungsalternative und ist oft die bessere Wahl, wenn der hervorgehobene Inhalt funktional wichtig ist — Warnungen, Schlüsselbegriffe, handlungsrelevante Formulierungen —, weil ein Wechsel der Strichstärke Unschärfe und niedrigen Kontrast besser übersteht als ein Wechsel der Neigung. Aber fett und kursiv sind semantisch nicht austauschbar. Die Kursive flüstert; die Fette schreit. Eine Seite, die für jede Auszeichnung fett verwendet, liest sich, als würde sie durchgehend schreien. Ein vernünftiges Muster: fett für Informationen, die der Leser nicht verpassen darf, kursiv für konventionelle typografische Auszeichnung, und keines von beiden für mehr als eine Wendung am Stück.
Zwei weitere Warnungen. Erstens: Meiden Sie Kursive in kleinen Graden — unterhalb von etwa 14 Pixeln verstärken sich Winkel und verkleinerte Punzen rasch gegenseitig. Zweitens: Kombinieren Sie Kursive nicht mit anderen Leserlichkeitseinbußen: kursiv plus Versalien, kursiv plus magere Schnitte, kursiv plus niedriger Kontrast. Jede Beeinträchtigung ist allein überlebbar; gestapelt sind sie es nicht.
Variable Achsen in der Praxis
Wo ein Variable Font eine slnt-Achse anbietet, widerstehen Sie der Versuchung, Zwischenwinkel im Text dekorativ einzusetzen. Eine sanfte 4-Grad-Neigung auf einer Überschrift ist ein legitimes Stilmittel; Fließtext in beliebigen Neigungswinkeln ist es nicht. Wenn Sie Neigung animieren (manche Interfaces tun das für Hover-Zustände oder Auszeichnungsübergänge), respektieren Sie prefers-reduced-motion — sich verformende Buchstaben sind Bewegung, und vestibulär empfindliche Leserinnen und Leser erleben sie als solche.
Prüfen Sie auch, ob das Kursiv-Verhalten Ihres Variable Fonts zu Ihrem CSS passt. Manche Familien liefern nur-slnt-Variablen aus, bei denen font-style: italic nichts oder die falsche Instanz erzeugt; explizite font-variation-settings oder eine saubere font-face-Deklaration mit font-style: oblique 0deg 10deg-Bereichen löst die Mehrdeutigkeit auf.
In CSS
em, cite { font-style: italic; } /* short spans only */
/* Never let the browser fake an italic the family lacks */
body { font-synthesis-style: none; }
/* Variable slant, when the family offers the axis */
.aside { font-variation-settings: "slnt" -6; }Empfehlungen
- Setzen Sie allen durchgehenden Text aufrecht; der Befund von 2005 hat Bestand.
- Erlauben Sie echte Kursiven für kurze Auszeichnungspassagen, Titel und fremdsprachige Begriffe — eine Wendung, keinen Absatz.
- Bevorzugen Sie fett gegenüber kursiv, wenn der hervorgehobene Inhalt funktional kritisch ist.
- Liefern Sie nie synthetische Neigungen aus: Laden Sie eine echte Kursiv-Datei oder setzen Sie font-synthesis-style: none.
- Bevorzugen Sie Schriften, deren Kursive ein korrigierter Entwurf ist, keine rohe Scherung.
- Meiden Sie Kursive unterhalb von etwa 14px, und stapeln Sie Kursive nie mit Versalien, mageren Schnitten oder niedrigem Kontrast.
- Verwenden Sie bei Variable Fonts die ital-Achse oder eine echte Kursiv-Instanz für die Semantik; behandeln Sie die slnt-Achse als Display-Mittel, und respektieren Sie prefers-reduced-motion, wenn Sie sie animieren.