Jede Diskussion über Font-Loading-Strategien — Preloading, Subsetting, font-display-Feintuning — hängt an einer Entscheidung, die die meisten Teams nie bewusst treffen: ob überhaupt Fonts geladen werden sollen. Für eine große Klasse hochperformanter Anwendungen ist die richtige Schriftwahl diejenige, die bereits auf dem Rechner des Nutzers installiert ist. Null Kilobyte, null Requests, null Layout-Shift, lesbar beim ersten Paint.
Was „System-Stack" heute bedeutet
Die alte Arial, sans-serif-Ausrede ist nicht das, was ich beschreibe. Ein moderner System-Stack ist eine bewusste Komposition:
font-family: ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;Diese eine Deklaration bringt San Francisco auf Apple-Geräten, Segoe UI auf Windows, Roboto auf Android — drei Schriften, in deren Perfektionierung für die eigenen Bildschirme die Plattformanbieter zusammengenommen Hunderte Millionen Dollar investiert haben, gehintet und gerendert von den Engines, die sie am besten kennen. Die Nutzer lesen sie den ganzen Tag; Vertrautheit ist selbst ein Merkmal der Leserlichkeit — ein Punkt, den das Universal-Web-Kapitel zur Schriftwahl ausführlich darlegt.
Der Serifen- und der Mono-Stack verdienen dieselbe Sorgfalt: ui-serif/Georgia/Charter für Leseoberflächen, ui-monospace/SF Mono/Consolas/"Cascadia Code" für Code und Daten. Die Display-Schrift dieser Website folgt genau dieser Logik — eine kommerzielle Schrift für die, die sie haben, eine abgestimmte Fallback-Kette für alle anderen.
Wann Null die richtige Zahl ist
Die Entscheidung dreht sich darum, was die Oberfläche ist. System-Stacks gewinnen, wenn das Produkt ein Werkzeug ist: Dashboards, Admin-Panels, Trading- und Monitoring-Oberflächen, Entwicklerprodukte, alles, was stündlich benutzt wird und wo die Aufgabe der Typografie darin besteht, zu verschwinden. In diesen Anwendungen ist die Schrift reine Infrastruktur — niemand bewundert die Schriftart des Dings, das ihn um 3 Uhr nachts alarmiert — und das Performance-Budget ist besser in Daten investiert.
Die Hausschrift verdient ihre Bytes, wenn das Produkt ein Ort ist: Marketingflächen, redaktionelles Lesen, überall dort, wo die Typografie Identität trägt. Dieses Portfolio liefert Webfonts aus, mit Absicht; seine Typografie ist der Inhalt. Das ist der Test — würde das Produkt, wenn man die eigene Schrift löschte, weniger bedeuten oder nur schneller laden?
Den Fallback konstruieren, als wäre er der Font
Das Handwerk eines Null-Kilobyte-Stacks ist metrische Disziplin. Verschiedene Plattformschriften haben unterschiedliche x-Höhen und Breiten, sodass ein nur auf macOS abgestimmtes Layout auf Windows anders atmet. Drei Werkzeuge schließen die Lücke:
font-size-adjustnormalisiert die x-Höhen der Fallbacks, sodass jede Schrift in der Kette in derselben effektiven Größe liest.text-wrap: balanceundprettyfangen die Zeilenumbruch-Unterschiede zwischen metrisch inkompatiblen Schriften ab.- Testen auf dem tatsächlichen Stack — die Disziplin, die niemand ausübt. Screenshotte die Oberfläche in Segoe, SF und Roboto; wo das Design nur in einer davon funktioniert, ist das Design falsch.