Die Schriftersetzungsrate bei einem typischen Web zu Figma Import

Du importierst eine Seite in Figma, und ein Hinweis meldet, dass drei Schriften ersetzt wurden. Normal, oder ist etwas schiefgelaufen? Nach den Webschrift Daten von 2025 hängt die ehrliche Antwort fast vollständig von einer Sache ab: ob die Schriften der Seite von Google Fonts stammen oder von einer selbst gehosteten Datei. Ein kleinerer Satz an Format und Plattformdetails entscheidet den Rest.

Google Fonts macht etwa die Hälfte der gesamten Schriftnutzung im Web aus, und Figma kann jede Google Font auf Abruf laden, sodass diese Textebenen normalerweise mit intakter Familie importiert werden. Die Ersetzung konzentriert sich stattdessen auf einen kleineren Bereich: selbst gehostete, nicht Google Schriften, variable Schriften ohne einen bestimmten Stil, und Icon Schriften. Es folgt: die Zahlen, warum Google Fonts einen Import meist unbeschadet überstehen, welche Schriften tatsächlich ersetzt werden, und wie man einen Import Bericht danach liest.

Die Zahlen hinter der Schriftersetzung

Der klarste öffentliche Datensatz dazu stammt aus dem HTTP Archive 2025 Web Almanac, das die Schriftanfragen und das CSS von Millionen aktiver Seiten erfasst. Laut diesem Crawl nutzen 88% der Seiten mindestens eine Webschrift, etwas mehr als die 87% aus 2024. Die restlichen 12% verlassen sich nur auf Systemschriften, bei denen Ersetzung nie zum Thema wird. Es gibt schlicht keine eigene Schrift aufzulösen.

Unter den Seiten, die Webschriften nutzen, zählt die Hosting Verteilung mehr als die Gesamtzahl. 72% hosten mindestens eine Schriftdatei selbst, 36% hosten ausschließlich selbst ohne jeden Drittanbieter, und weitere 36% mischen Selbsthosting mit Google Fonts. Nur 13% verlassen sich ausschließlich auf Google Fonts. Insgesamt erscheint Google Fonts auf 54% der Desktop Seiten und 47% der Mobil Seiten, allein oder neben einer anderen Quelle.

Klar gesagt: die 36% der Seiten, die ausschließlich selbst hosten, plus die selbst gehostete Hälfte der 36% Mischgruppe, ist ungefähr der Bereich, aus dem die Ersetzungen eines typischen Imports stammen. Der Google Fonts Anteil dagegen ist fast kein Problem.

Das ist eine jüngere Entwicklung, keine Konstante. Eigene Webschriften lagen im niedrigen einstelligen Bereich, als das HTTP Archive 2011 begann sie zu erfassen, überschritten 2015 die Hälfte aller Seiten, und erreichten 2020 etwa 75% Verbreitung, bevor sie 2024 und 2025 auf 87% und 88% stiegen. Mit steigender Verbreitung stiegen auch die Chancen, dass jede importierte Seite mindestens eine Schrift enthält, die Figma irgendwie auflösen muss. Vor einem Jahrzehnt stellte sich die Frage der Ersetzung kaum. Heute betrifft sie fast jeden Import.

Warum Google Fonts praktisch nie ersetzt werden

Figmas eigener Hinweis auf fehlende Schriften listet Google Fonts immer als verfügbar, weil Figma sie auf Abruf lädt, statt sich auf das zu verlassen, was bereits auf deinem Rechner installiert ist. Eine Schrift, die sich als Google Font auflöst, braucht keine lokale Installation, keine Lizenz, keinen zusätzlichen Schritt. Sie funktioniert einfach.

Eine Seite, die auf Roboto, Open Sans oder Poppins aufbaut, den drei häufigsten benannten Textschriften im Crawl von 2025 nach der Icon Schrift Font Awesome, importiert normalerweise mit intakter Familie und ohne Eintrag im Ersetzungsbericht. Importierst du eine Seite mit der Standardtypografie eines gängigen Frameworks, stehen die Chancen gut, dass du keine einzige Schriftersetzung siehst.

Nimm eine typische Landingpage: eine Überschrift in Poppins, Fließtext in Open Sans, und ein paar Font Awesome Icons im Footer. Zwei dieser drei Familien lösen sich gegen Google Fonts auf, ganz ohne lokale Installation, sodass der Import Bericht wahrscheinlich nur die Icon Schrift markiert, wenn überhaupt. Tauschst du den Fließtext gegen eine kostenpflichtige, selbst gehostete Schrift einer Schriftgießerei, ändert sich das Bild vollständig. Jetzt hängt der Import davon ab, ob du genau diese Familie lokal installiert hast, in einem Format, das Figma lesen kann.

Der selbst gehostete Bereich, der Inter auslöst

Selbst gehostete Schriften sind eine andere Geschichte, und zwei technische Details erklären das meiste davon.

Formatlücke: Figma liest TTF und OTF, nicht das WOFF2, das die meisten Seiten nutzen

65% der Schriftanfragen im Web werden als WOFF2 ausgeliefert, mit 16% WOFF 1.0 und 7% TrueType. Aber die lokale Schriftinstallation von Figma liest nur TTF und OTF Dateien. Eine selbst gehostete WOFF2 Datei, selbst eine vollständig lizenzierte, wird beim Import ersetzt, sofern dieselbe Familie nicht auch auf deinem Rechner installiert ist, in einem Format, das Figma sehen kann. Den richtigen Schriftnamen zu haben reicht nicht. Du brauchst das richtige Dateiformat, lokal installiert, bevor Figma die Seite öffnet. Das gilt selbst dann, wenn du die Lizenz für genau diese Schrift besitzt und sie bereits irgendwo auf deinem System liegt, nur eben nicht als TTF oder OTF Datei, die Figma direkt einlesen kann.

Variable Schriften können nur einen Stil ersetzen

39,4% der Desktop Seiten und 41,3% der Mobil Seiten nutzen inzwischen variable Schriften, mehr als das rund ein Drittel aus 2024. Variable Schriften erschweren das Alles oder Nichts Bild. Fehlt einer variablen Datei ein einzelner statischer Stil, meist Bold, behält Figma die ursprüngliche statische Datei für diesen einen Stil und ersetzt den Rest. Das Ergebnis ist eine einzelne Familie, die teils korrekt und teils ersetzt importiert wird, was im Bericht beim ersten Mal seltsam aussieht. Erst ein zweiter Blick in den Bericht zeigt, dass nur ein einziger Schriftschnitt betroffen war und nicht die ganze Familie.

Zwei Ersetzungsfehler, die unterschiedlich aussehen

Nicht jede Ersetzung sieht gleich aus, sobald sie auf der Seite landet. Fließtext auf Inter umzustellen ändert die Buchstabenformen, hält die Wörter aber lesbar. Eine Icon Schrift umzustellen nicht. Font Awesome, das auf etwa 9% der Seiten erscheint, ordnet einzelnen Zeichen Piktogramme statt Buchstaben zu, sodass eine Ersetzung ein Navigationssymbol oder das Glyph eines Social Links in die falsche Form oder ein leeres Kästchen verwandelt. Seltsame Zeichen, wo vorher Icons waren? Prüfe den Ersetzungsbericht auf eine Icon Schrift, bevor du annimmst, der Import sei kaputt.

Es gibt auch eine Plattformlücke, die es wert ist zu kennen, wenn du in einem Design Team arbeitest. ChromeOS und Linux Nutzer können in Figma nur Google Fonts sowie Apples SF Pro und SF Compact verwenden; sie können keine beliebigen lokalen Schriften installieren, wie es Mac und Windows Nutzer können. Eine selbst gehostete eigene Schrift auf einer Seite wird für jeden ChromeOS oder Linux Kollegen ersetzt, unabhängig davon, was auf dem Rechner einer anderen Person installiert ist.

Den Import Bericht lesen, um jede Änderung zu finden

UnHTML löst die Schrift jedes Textknotens zuerst gegen deine installierten Schriften und Google Fonts auf und greift nur auf Inter zurück, wenn keine der beiden passt. Jede Ersetzung wird im Import Bericht aufgeführt, sodass du genau herausfinden kannst, welche Ebenen sich geändert haben, ohne die ganze Seite von Auge zu prüfen. Die Auflösung findet vollständig auf deinem Rechner statt. Nichts vom Inhalt der Seite wird irgendwohin hochgeladen, um diese Entscheidung zu treffen.

Eine praktische Art, einen Bericht durchzugehen: zuerst nach ersetzten Familien suchen, dann pro Familie entscheiden, ob es sich lohnt, die echte Schrift lokal als TTF oder OTF zu installieren und erneut zu importieren, oder Inter zu akzeptieren, weil das Layout ein schneller Entwurf ist und kein pixelgenauer Nachbau.

Was das für dein Vertrauen in die Typografie eines Imports bedeutet

Für die meisten Seiten ist Schriftersetzung die Ausnahme, nicht die Regel. Google Fonts deckt fast die Hälfte der gesamten Schriftnutzung im Web ab und wird fast nie ersetzt. Die Seiten, bei denen es tatsächlich zu Ersetzungen kommt, konzentrieren sich auf selbst gehostete eigene Schriften, Formatunterschiede zwischen WOFF2 und den TTF oder OTF Dateien, die Figma installieren kann, variable Schriften ohne einen einzelnen Stil, und Icon Schriften, deren Fehlerbild sichtbarer ist als ein einfacher Schriftwechsel.

Bevor du der Typografie einer importierten Seite vertraust, öffne den Bericht. Fehlt eine Familie, die du erwartet hast, ist das dein Signal, sie lokal zu installieren und den Import erneut auszuführen, statt zu raten. UnHTML zeigt diesen Bericht automatisch bei jedem Import, passend zur eigenen Datenschutzerklärung, alles lokal aufzulösen, was der schnellste Weg ist, um einen saubereren Import von einem zu unterscheiden, der einen zweiten Durchgang braucht.