Vergleichs- und Szenarioauswahlleitfaden für die Schriftformate TTF, OTF und WOFF2
Dieser Artikel vergleicht gängige Schriftformate für die Szenarien Desktop-Satz und Web-Einbettung, analysiert Unterschiede in den Konturalgorithmen, erläutert die Dateigrößenvorteile der WOFF2-Kompression und hilft Designern und Frontend-Entwicklern bei der Auswahl kompatibler Schriftformate.
Aktualisiert 2026-08-11
Kernunterschied in der Konturgeometrie: Quadratische vs kubische Bézierkurven
TrueType, kurz TTF, verwendet quadratische Bézierkurven zur Beschreibung von Schriftkonturen. Ein einzelner Konturabschnitt erfordert mehr Steuerpunkte, um eine glatte Kurve zu zeichnen. Dieser Konturmechanismus wird seit den 1980er Jahren verwendet und ist mit den meisten Desktop-Satzprogrammen kompatibel.
OpenType, kurz OTF, unterstützt kubische Bézierkurven zur Beschreibung von Konturen. Eine einzelne glatte Kurve erfordert weniger Steuerpunkte, Übergänge zwischen Kurven sind natürlicher und der Druckausgang hat eine höhere Präzision. OpenType wurde 1996 gemeinsam von Adobe und Microsoft eingeführt und ist mit der Spezifikation für quadratische Kurven von TTF kompatibel.
| Formattyp | Konturkurventyp | Anzahl der Steuerpunkte | Anwendungsbereiche |
|---|---|---|---|
| TTF | Quadratische Bézierkurve | Mehr pro gleicher Kontur | Allgemeine Desktop-Nutzung, Web-Fallback |
| OTF | Kubische Bézierkurve | Weniger pro gleicher Kontur | Professioneller Drucksatz |
Kompressionseigenschaften und Dateigrößenvorteile von WOFF2 für das Web
WOFF2, das Web-Schriftformat, wird auf Basis des Brotli-Kompressionsalgorithmus implementiert. Im Vergleich zur DEFLATE-Kompression des klassischen WOFF-Formats kann die Dateigröße um etwa 30 % reduziert werden. Eine kleinere Dateigröße senkt den Bandbreitenverbrauch beim Laden von Webseiten und verkürzt die Zeit bis zur ersten Inhaltsdarstellung.
Das WOFF-Format wurde 2009 vom W3C veröffentlicht, WOFF2 wurde 2012 eingeführt. Alle aktuellen großen Browser weltweit, einschließlich Chrome, Firefox, Edge und Safari 10 und neuer, bieten native Unterstützung, es ist keine zusätzliche Kompatibilitätsbehandlung erforderlich.
Standard-Format-Stack-Konfiguration für Web-Einbettung
Beim Einbetten von Web-Schriften folgen Frontend-Entwickler der allgemeinen Regel für Format-Stacks: WOFF2 zuerst deklarieren, dann WOFF als Fallback deklarieren. Diese Konfiguration deckt mehr als 99 % der aktiven Desktop- und Mobilbrowser-Versionen ab und erfüllt die Anforderungen der meisten Produktionsszenarien.
Ältere Versionen von Internet Explorer unterstützen nur das EOT-Format. Der Anteil aktiver IE-Nutzer liegt aktuell unter 1 %, daher ist die Kompatibilität mit diesem Format in den meisten Szenarien nicht mehr erforderlich. Wenn Kompatibilität mit älteren iOS-Geräten benötigt wird, kann zusätzlich das TTF-Format als letzte Fallback-Ebene hinzugefügt werden.
Hinweise zu variablen Schriften und OpenType-Funktionen
Variable Schriften werden auf Basis der OpenType 1.8-Spezifikation entwickelt. Eine einzelne Schriftdatei kann Variationsräume für mehrere Gewichte, Breiten und optischen Größen enthalten. Designer und Entwickler können Parameter anpassen, um den Anforderungen entsprechende Schriftstile zu erhalten, und die Ladegröße mehrerer Dateien reduzieren.
OpenType unterstützt außerdem mehrere Satzfunktionen, einschließlich Standardligaturen, optionale Ligaturen und Small Caps usw. Diese Funktionen können bei Bedarf während des Satzes aktiviert werden, um die Lesbarkeit von Text und die visuelle Ästhetik zu verbessern. Desktop-Satzprogramme wie InDesign und Illustrator unterstützen die Aktivierung dieser Funktionen.
Grenzen der Informationserhaltung bei Schriftformatkonvertierung
Bei der Konvertierung zwischen verschiedenen Schriftformaten bleiben die Konturdaten der Schrift unverändert. Sie verändert nicht die endgültig angezeigte Glyphenform und beeinträchtigt nicht den Druck und die Anzeigewirkung bei großen Größen.
Die Hinting-Informationen in Schriften, also Optimierungsinformationen für kleine Textgrößen auf Bildschirmen, können bei der Konvertierung zwischen verschiedenen Formaten verändert werden. Kleiner Text, der auf niedrigauflösenden Bildschirmen angezeigt wird, kann subtile Anzeigeunterschiede aufweisen. OKfmt bietet ein Mehrformat-Schriftkonvertierungstool, dessen Konvertierungsregeln der Standardlogik von quelloffenen Konvertierungsbibliotheken folgen.
Häufige Fragen
Kann man im Desktop-Satz OTF oder TTF verwenden?
Für professionellen Druckausgang OTF wählen, für täglichen Bürosatz reicht TTF aus. Die kubischen Bézierkurven von OTF erzeugen glattere Kanten bei hochpräzisem Druck, während die Kompatibilität von TTF alle Desktop-Satzprogramme abdeckt.
Müssen bei der Web-Einbettung mehrere Schriftformate eingebunden werden?
Für aktuelle Szenarien ist nur WOFF2 plus WOFF erforderlich, dies deckt mehr als 99 % der aktiven Browser ab. Wenn keine Kompatibilität mit iOS-Geräten vor 2016 benötigt wird, reicht es aus, nur WOFF2 zu behalten.
Schädigt Formatkonvertierung die Funktionen variabler Schriften?
Kompatible Konvertierungswerkzeuge verändern die Variationsachseninformationen variabler Schriften nicht und können vollständige variable Funktionen erhalten. Die Konvertierung passt nur das Kapselungsformat an, während die Kernkontur und die Achsenparameter ihre ursprünglichen Daten behalten.