Wenn Sie TTF-Schriften auf Ihrer Website bereitstellen, senden Sie etwa 30 % mehr Daten als nötig. WOFF2 liefert dieselbe Schriftart in einer deutlich kleineren Datei, und jeder moderne Browser unterstützt es. Hier ist, wie Sie konvertieren – und warum es für die Leistung Ihrer Website wichtig ist.
Warum WOFF2?
WOFF2 (Web Open Font Format 2.0) verwendet Brotli-Komprimierung, um Schriftdateien um etwa 30 % im Vergleich zu TTF zu verkleinern, ohne Qualitätsverlust. Die Schriftzeichen, Hinweise, Kernen und alle typografischen Merkmale werden identisch erhalten. Wenn ein Browser eine WOFF2-Datei lädt, dekomprimiert er sie zu denselben Daten wie die ursprüngliche TTF.
Der Leistungseinfluss ist real. Schriftarten sind render-blockierende Ressourcen — der Browser zeichnet Text erst, nachdem Schriftarten geladen sind. Eine 120 KB TTF, die zu einer 84 KB WOFF2 wird, bedeutet, dass Text schneller angezeigt wird, besonders bei mobilen Verbindungen. Google's Core Web Vitals messen dies direkt: kleinere Schriftarten verbessern Largest Contentful Paint (LCP) und reduzieren Cumulative Layout Shift (CLS) durch Schriftartwechsel.
Browserunterstützung ist universell. Chrome, Firefox, Safari und Edge unterstützen alle WOFF2. Die einzigen Browser, die dies nicht tun, sind Internet Explorer und sehr alte Android-Browser — beide unter 1 % des globalen Verkehrs.
Wie man konvertiert
Verwendung von WOFF2 in CSS
Nachdem Sie Ihre WOFF2-Datei haben, verweisen Sie darauf in Ihrem Stylesheet. Listen Sie WOFF2 zuerst mit einem TTF-Fallback für maximale Kompatibilität auf:
@font-face {
font-family: 'MyFont';
src: url('/fonts/myfont.woff2') format('woff2'),
url('/fonts/myfont.ttf') format('truetype');
font-display: swap;
}Die font-display: swap-Anweisung sagt dem Browser, sofort Fallback-Text anzuzeigen und die benutzerdefinierte Schriftart zu ersetzen, sobald sie geladen ist, um unsichtbaren Text während des Schriftladevorgangs zu vermeiden.
Schriftart-Lizenzkonformität
Viele kommerzielle Schriftartlizenzen enthalten Klauseln, die das Hochladen von Schriftartdateien auf Drittanbieter-Webdienste einschränken. Dies schafft ein Problem: Sie müssen die Schriftart in WOFF2 konvertieren, um Leistung zu verbessern, aber die meisten Konvertierungstools erfordern das Hochladen der Schriftart auf einen Server.
Natürlich, immer die spezifischen Lizenzbedingungen Ihres Schriftschnitts prüfen. Doch die lokal-only Natur von Morphs Konvertierung beseitigt die häufigste Compliance-Sorge.
Andere Schriftartkonvertierungen
Morph unterstützt auch OTF zu WOFF2, WOFF zu WOFF2, TTF zu OTF und jede andere Kombination von TTF, OTF, WOFF und WOFF2. Brauchen Sie kostenlose Schriftarten zum Starten? Durchsuchen Sie die Morph-Schriftartenbibliothek mit 1.500+ kostenlosen Schriftarten.