Zehn Jahre Variable-Font-Spezifikation

Im September 2016 stellten Adobe, Apple, Google und Microsoft auf der ATypI-Konferenz in Warschau gemeinsam die OpenType-Variable-Font-Spezifikation 1.8 vor. Zehn Jahre später, im aktuellen Mai 2026, ist Variable Font keine Zukunftsmusik mehr und kein experimentelles Webdesign-Feature, sondern Werkstatt-Standard. Wer im Mai 2026 noch einen sechs- oder achtschnittigen Font-Pack als WOFF2 ausliefert statt eines einzigen Variable-Files, hat den Anschluss verloren — technisch, performance-seitig und gestalterisch.

Diese Mai-Andruck-Reihe dokumentiert den Stand der Technik nüchtern: was funktioniert, was Praxis-Standard ist, welche Editoren sich durchgesetzt haben, und wo die offenen Fragen liegen.

Die fünf Standard-Achsen

Die OpenType-Spezifikation definiert fünf registrierte Standard-Achsen, deren Tags vier Buchstaben lang und kleingeschrieben sind. Jede ernsthafte Variable-Font-Implementierung muss diese fünf Achsen kennen und respektieren.

Die wichtigste Achse ist wght (Weight) im Werte-Bereich 1 bis 1000, in der Praxis fast immer 100 (Thin) bis 900 (Black). Ein Wert von 400 entspricht Regular, 700 entspricht Bold. Variable Fonts erlauben jeden Zwischenwert — also auch ein Weight von 437 oder 612, wenn die typografische Kontrolle das erfordert. In der Praxis arbeiten die meisten Designer mit den vertrauten Stufen 100/300/400/500/600/700/900, aber das Custom-Tweak auf etwa 425 (zwischen Regular und Medium) ist die kleine Disziplin, die Variable Fonts erst wirklich auszahlt.

wdth (Width) liegt im Bereich 50 bis 200 Prozent, mit 100 als Normal-Breite. Werte unter 100 sind Condensed-Varianten (50 entspricht Ultra-Condensed), Werte über 100 sind Expanded-Varianten (200 entspricht Ultra-Expanded). Die wdth-Achse ist im Mai 2026 die zweitwichtigste Achse in der Werkstatt-Praxis, weil sie das responsive Setzen von Headlines auf unterschiedlichen Display-Breiten erst sauber erlaubt.

slnt (Slant) gibt den Neigungs-Winkel in Grad an, Werte typisch im Bereich -15 bis 0. Dies ist eine echte Schräg-Stellung der Antiqua-Form (oblique), nicht zu verwechseln mit einer echten Kursive.

ital (Italic) ist eine binäre Achse mit den Werten 0 (Roman) oder 1 (Italic) und schaltet zwischen einer echten Antiqua-Form und einer echten Kursive um — also zwischen zwei unterschiedlich konstruierten Buchstaben-Formen, nicht nur einer Schräg-Stellung.

opsz (Optical Size) gibt die optische Größe in Punkt an, typischer Bereich 6 bis 144. Die opsz-Achse ist die direkteste digitale Entsprechung der historischen Praxis grad-spezifisch geschnittener Stempel — der Caption-Schnitt einer Garamond Premier bei opsz=6 hat dickere Hairlines und größere Punzen als der Display-Schnitt bei opsz=72.

Custom-Axes

Über die fünf Standard-Achsen hinaus erlaubt die Spezifikation Foundry-spezifische Custom-Axes. Diese werden nicht mit kleingeschriebenen, sondern mit GROSSGESCHRIEBENEN vier-Buchstaben-Tags benannt — eine technische Konvention der OpenType-Spec, die im Mai 2026 nicht verhandelbar ist.

Stephen Nixons Recursive (Type Together, erstmals erschienen 2019, im Mai 2026 in Version 1.085) ist die im aktuellen Heft 21 am häufigsten genannte Variable-Font-Familie mit Custom-Axes. Recursive bringt neben den Standard-Achsen wght und slnt zwei zusätzliche Achsen mit: CASL (Casual) regelt einen Übergang von monolinearen Strich-Stärken (CASL=0, technisch-konstruktivistisch) zu kalligrafisch-modulierten Strich-Stärken (CASL=1, brush-script-ähnlich). CRSV (Cursive) regelt die Form-Wechsel einzelner Buchstaben — bei CRSV=1 wechselt das Minuskel-a von der zweistöckigen Antiqua-Form zur einstöckigen Italic-Form, das Minuskel-f bekommt eine Unterlängen-Schleife.

Source Code Variable (Adobe Originals, Variable-Edition 2019) führt eine MONO-Achse ein, die zwischen proportional (MONO=0) und monospaced (MONO=1) interpoliert — ein Feature, das für Code-Editoren mit gleichzeitig setzfähigem Brot-Text relevant wird.

CSS-Konfiguration

Die CSS-Steuerung eines Variable Fonts erfolgt über drei Eigenschaften, die im Mai 2026 in allen aktuellen Browsern stabil interpretiert werden.

Die Eigenschaft font-variation-settings erlaubt den direkten Zugriff auf alle Achsen, registrierte wie Custom. Die Schreibweise verwendet die vier-Buchstaben-Tags in Anführungszeichen, gefolgt vom Achsen-Wert. Eine typische Werkstatt-Schreibweise für eine Recursive im Mode mit halber Casual-Achse und semibolder Strich-Stärke wäre die kombinierte Angabe von wght auf 600 und CASL auf 0.5.

Die Eigenschaft font-weight ist seit der Variable-Font-Ära nicht mehr auf die Werte 100/200/300 bis 900 beschränkt, sondern akzeptiert jeden ganzzahligen Wert im erlaubten Bereich. Ein font-weight von 437 ist im Mai 2026 valide.

Die Eigenschaft font-stretch steuert die wdth-Achse über Prozent-Angaben (50 Prozent entspricht Ultra-Condensed, 200 Prozent entspricht Ultra-Expanded).

In der täglichen Werkstatt-Praxis empfiehlt die Redaktion, die Standard-Achsen über font-weight und font-stretch zu steuern (semantisch klarer, besser für Accessibility-Tools), und font-variation-settings nur für Custom-Axes oder Feinabstimmungen mit Nicht-Stufen-Werten zu verwenden.

Performance-Vorteil

Der wirtschaftliche Vorteil eines Variable Fonts liegt im Daten-Volumen. Eine vollständige Helvetica-Now-Familie als statische Cuts (Display, Text, Micro in je 7 Gewichten plus Italics, also 42 Cuts) liegt als WOFF2-Paket bei etwa 1,1 MB. Die gleiche Familie als Variable Font mit den Achsen wght, opsz, ital liegt bei etwa 480 KB — eine Reduktion von 56 Prozent. Bei der Recursive-Familie (vollständige Sans- und Mono-Sub-Familie, alle vier Achsen) liegt die Reduktion gegenüber dem statischen Äquivalent bei 62 Prozent.

In der Mai-2026-Praxis bedeutet das: ein einziges HTTP-Request statt acht bis zwölf, ein einziges browser-internes Font-Object statt zwölf, und ein einziger FOUT/FOIT-Cycle statt eines Cycles pro Gewicht.

Browser-Unterstützung im Mai 2026

Variable Fonts sind seit September 2018 in Chrome 66, Firefox 62 und Safari 11.1 stabil — im aktuellen Mai 2026 also seit fast acht Jahren. Edge (chromium-basiert) folgte 2020. Auch Mobile-Browser auf iOS und Android unterstützen Variable Fonts seit 2019 stabil. Im Mai 2026 gibt es keinen produktiven Use Case mehr, in dem ein Fallback auf statische Cuts notwendig wäre — die Browser-Statistik von caniuse.com weist im Mai 2026 eine globale Unterstützung von 97,4 Prozent aus.

Editor-Praxis 2026

Die Werkstatt-Frage im Mai 2026: in welchem Editor entstehen Variable Fonts? Die Antwort ist im Mai 2026 weitgehend entschieden. Glyphs 3.3 (Glyphs Mini-Team, München) ist der bevorzugte Variable-Font-Editor, weil das Master-Konzept und die Designspace-Verwaltung von Anfang an für Multi-Master-Workflows ausgelegt war. Glyphs 3.3 unterstützt alle Standard-Achsen, beliebige Custom-Axes, intermediate Masters und das Designspace-3-Format. FontLab 8 (Fontlab Ltd.) ist die zweite große Option, mit besonders starkem Glyph-Rendering und ausgereifter Hinting-Verwaltung. Robofont (Type Supply) bleibt der Editor der Wahl für Type-Designer, die in der Python-Welt arbeiten und Designspace direkt skripten wollen. Birdfont 5.x ist die einzige ernsthafte Open-Source-Option, aber im Mai 2026 in der Variable-Font-Funktionalität noch nicht auf Augenhöhe mit den kommerziellen Editoren — die Designspace-3-Implementierung fehlt teilweise, und intermediate Masters werden nur unvollständig unterstützt.

Die Mai-2026-Empfehlung der Redaktion für eine neue Werkstatt-Investition: Glyphs 3.3 als Hauptwerkzeug, ergänzt durch FontLab 8 für Spezial-Aufgaben (besonders das Hinting komplexer Hairlines im 6-pt-Caption-Bereich).