TTF vs. OTF vs. WOFF2: Ein Vergleich der Schriftformate
Eine kurze Geschichte dieser drei Formate
TrueType (TTF) entstand 1989 aus einer Zusammenarbeit zwischen Apple und Microsoft. Ihr Ziel war es, den Betriebssystemen die direkte Kontrolle über das Font-Rendering zu geben und so ihre Abhängigkeit von Adobes PostScript-Lizenzen zu beenden. Eine TTF-Datei speichert Glyphen-Umrisse als quadratische Bézier-Kurven und bündelt alles – Metriken, Hinting-Anweisungen, Kerning-Tabellen – in einer einzigen Binärdatei. In den 90er-Jahren war es der unangefochtene König der Desktop-Schriften auf Windows und macOS. Dann kam 1996 OpenType (OTF), entwickelt von Microsoft, dem sich bald Adobe anschloss. Anstatt bei Null anzufangen, erweiterte OpenType geschickt den TrueType-Container. Eine OTF-Datei kann entweder die quadratischen Kurven von TrueType oder die kubischen PostScript-Kurven von Adobe (CFF-Outlines) verwenden, weshalb man den Begriff „CFF-basiertes OTF“ sieht. Noch wichtiger ist, dass das Format einen leistungsstarken Satz von Layout-Tabellen – GSUB und GPOS – einführte, die Funktionen wie Ligaturen, Kapitälchen, Swashes und kontextbedingte Alternativen ermöglichen. Ein hochentwickeltes OTF für eine komplexe Schrift wie Arabisch kann Tausende von Glyphen-Ersetzungsregeln enthalten. WOFF2 (Web Open Font Format 2) spielt in einer ganz anderen Liga. 2018 als W3C-Empfehlung ratifiziert, ist es kein neues Outline-Format, sondern ein hocheffizienter Komprimierungs-Wrapper. Es nimmt eine vorhandene TTF- oder OTF-Datei, wendet Brotli-Komprimierung und einen speziellen, auf Schriften abgestimmten Vorverarbeitungsschritt an und spuckt eine Datei aus, die oft 30–50 % kleiner ist. WOFF2 wurde ausschließlich für die Bereitstellung im Web entwickelt. Browser dekomprimieren es im laufenden Betrieb, sodass es dein OS-Font-Manager nie zu Gesicht bekommt. Diesen Unterschied zu verstehen – Outline-Format versus Auslieferungsformat – ist der Schlüssel zum Verständnis ihrer Verwendung.
Dateigröße und Komprimierung: Die Zahlen, die wirklich zählen
Die reine Dateigröße trifft dich an einer empfindlichen Stelle: bei den Ladezeiten von Seiten, der Größe von App-Bundles und den Kosten für CDN-Bandbreite. Schauen wir uns einige konkrete Zahlen an. Eine mittelkomplexe lateinische Schriftart wie Source Sans Pro Regular wiegt als TTF etwa 260 KB. Die OTF-Version, die effizientere CFF-Outlines verwendet, liegt bei rund 155 KB. Das liegt daran, dass die kubischen Kurven von CFF Formen oft mit weniger Punkten beschreiben können als die quadratischen Kurven von TrueType, was dazu führt, dass CFF-basierte OTFs bei lateinischen Schriften 20–40 % kleiner sind. Konvertiere nun dieselbe Schriftart in WOFF2 und du erhältst eine Datei von etwa 75 KB. Das ist eine massive Reduzierung um 71 % gegenüber der ursprünglichen TTF-Datei. Bei einer CJK-Schrift (Chinesisch, Japanisch, Koreanisch) sieht die Sache anders aus. Eine vollumfängliche CJK-TTF wie Noto Sans CJK SC kann auf über 20 MB anwachsen. Die WOFF2-Komprimierung hilft und bringt sie vielleicht auf 13–15 MB herunter, aber sie ist kein Allheilmittel. Die wahre Lösung für riesige Fonts ist das Subsetting, ein separater Prozess, der über die einfache Formatkonvertierung hinausgeht. WOFF2 allein wird eine Schrift mit 65.000 Glyphen nicht retten. Was WOFF (Version 1) betrifft, so ist es im Grunde ein Museumsstück. Es verwendete zlib-Komprimierung und wurde vollständig von WOFF2 abgelöst. Laut caniuse.com erreichte die WOFF2-Unterstützung bereits 2024 über 97 % der weltweiten Nutzer und deckt damit jeden modernen Browser ab, der dir wichtig ist. Die einzigen Ausnahmen sind uralte eingebettete Browser oder Kiosks, die noch mit dem Internet Explorer 11 laufen. Für jedes neue Webprojekt ist WOFF2 nicht nur die beste Wahl, sondern die einzig vernünftige.
OpenType-Funktionen: Wo OTF dem TTF wirklich überlegen ist
Der wichtigste technische Unterschied zwischen einem guten OTF und einem TTF ist der Zugriff auf erweiterte OpenType-Layoutfunktionen. Obwohl beide Dateitypen technisch die notwendigen GSUB- (Glyph Substitution) und GPOS- (Glyph Positioning) Tabellen enthalten können, bauen professionelle Schriftenhersteller ihre reichhaltigen Funktionssätze fast ausschließlich in ihre OTF-Versionen ein. In der Praxis steckt das gute Zeug also im OTF. Was bewirken diese Funktionen eigentlich? Ligaturen ersetzen gängige Sequenzen wie „fi“ und „fl“ durch eine einzige, perfekt gestaltete Glyphe und verhindern so Kollisionen. Bedingte Ligaturen gehen noch weiter und kombinieren kunstvoll Paare wie „ct“ oder „Th“ für einen kalligraphischen Flair. Kapitälchen ersetzen Großbuchstaben durch optisch angepasste, kleinere Versionen – das sind neu gezeichnete Glyphen, nicht nur verkleinerte Buchstaben. Mediävalziffern geben dir Ziffern mit Ober- und Unterlängen, sodass sie sich wunderbar in eine Textzeile einfügen. Eine einzige OTF-Datei für eine Schriftart wie Minion Pro kann über 1.700 Glyphen und Dutzende dieser Funktionen enthalten, die als „onum“, „smcp“, „calt“, „swsh“ und „hist“ gekennzeichnet sind. In CSS aktivierst du sie mit `font-feature-settings: 'onum' 1;` oder `font-variant-numeric: oldstyle-nums;`. In Adobe InDesign findest du sie unter Schrift > OpenType. Sogar Microsoft Word 365 bietet im erweiterten Schriftart-Dialog eine gewisse Unterstützung, wenn auch weniger umfassend als die Adobe-Tools. Eine TTF-Datei ohne diese Tabellen bietet nichts davon, egal in welcher Anwendung. Wenn dein Design auf echte Kapitälchen, kontextbedingte Alternativen oder die komplexe Formgebung für Schriften wie Arabisch oder Devanagari angewiesen ist, ist OTF nicht nur eine Vorliebe. Es ist eine Notwendigkeit.
Hinting und Rendering: Desktop- vs. Bildschirm-Kontexte
Font-Hinting ist ein Satz von Anweisungen in einer Schriftdatei, der die Glyphen-Umrisse anpasst, damit sie bei kleinen Größen auf Bildschirmen scharf aussehen. Jeder, der schon mal auf verschwommenen 12px-Text geschielt hat, kennt den Schmerz schlechten Renderings; Hinting ist die Abhilfe. Ohne Hinting könnte der vertikale Stamm eines kleinen „n“ einen Pixel breit sein, während der andere zwei Pixel breit ist, was zu einem hässlichen, ungleichmäßigen Aussehen führt. Gutes Hinting richtet diese Striche am Pixelraster aus. TTF-Schriften sind berühmt für ihr manuelles TrueType-Hinting, eine komplexe Bytecode-Sprache, die Designern eine granulare Kontrolle über jeden Pixel gibt. Das ist eine brutal arbeitsintensive Aufgabe – eine vollständig von Hand gehintete Schrift wie Arial repräsentiert Hunderte von Arbeitsstunden. Der Lohn der Mühe war auf älteren Windows-Systemen, die den GDI-Renderer verwendeten, enorm. CFF-basierte OTF-Schriften verwenden ein einfacheres PostScript-Hinting. Auf macOS, das seit langem einen Renderer verwendet, der Hinting weitgehend ignoriert, ist dieser Unterschied irrelevant. Unter Windows hat der ClearType-Renderer (Standard seit Vista) den Abstand erheblich verringert. Und auf hochauflösenden Displays – also praktisch jedem modernen Telefon oder „Retina“-Bildschirm – wird Hinting fast bedeutungslos. Die Pixel sind einfach zu klein, als dass diese Probleme mit der Rasterausrichtung auftreten könnten. WOFF2 ändert nichts an der Hinting-Geschichte; es bewahrt lediglich die Hinting-Daten der Originalschrift, die es komprimiert hat. Wenn du eine gut gehintete TTF-Datei konvertierst, werden diese Hints mit übernommen. Die praktische Erkenntnis? Wenn deine Hauptnutzer auf Nicht-HD-Windows-Monitoren unterwegs sind und du Text unter 16px anzeigst, hat eine von Hand gehintete TTF immer noch einen sichtbaren Vorteil. Für die Webnutzung auf moderner Hardware ist der Unterschied fast unmöglich zu erkennen.
Wann man welches Format verwendet: Ein praktischer Entscheidungsleitfaden
Für die Desktop-Installation – in deinem Betriebssystem, in Design-Apps oder Office-Programmen – benötigst du entweder TTF oder OTF. Sowohl Windows als auch macOS unterstützen beide nativ, ebenso wie Linux-Distributionen. Die Entscheidung hängt von deinen Bedürfnissen ab. Wenn du ein Designer bist, der Ligaturen, Swashes und andere fortschrittliche typografische Funktionen in InDesign benötigt, willst du die OTF. Wenn du ein IT-Admin bist, der eine Unternehmensschrift auf einer Flotte von Windows-Rechnern ausrollt, ist eine gehintete TTF oft die sicherere, kompatiblere Wahl. Die Bereitstellung im Web ist einfach: WOFF2. Ende der Geschichte. Deine CSS-Deklaration `@font-face` sollte WOFF2 immer zuerst auflisten: `src: url('font.woff2') format('woff2'), url('font.woff') format('woff');`. Eine rohe TTF- oder OTF-Datei über das Web auszuliefern, ist ein Vergehen an der Performance. Du zwingst die Nutzer, 2-3x mehr Daten als nötig herunterzuladen. Wenn du ein altes Theme siehst, das auf eine .ttf-Datei in seinem Stylesheet verweist, ist der Austausch gegen eine WOFF2-Datei ein schneller und einfacher Performance-Gewinn. Mobile Apps sind ein anderer Kontext. Sowohl iOS als auch Android verwenden nativ TTF- und OTF-Dateien, die im App-Paket enthalten sind; keines von beiden nutzt WOFF2 für diesen Zweck, da es ein reines Auslieferungsformat für Browser ist. Flutter-Apps bündeln TTF oder OTF im Assets-Verzeichnis und deklarieren sie in `pubspec.yaml`, und React Native folgt einem ähnlichen Muster. Game-Engines haben ihre eigenen Vorlieben. Unitys TextMeshPro arbeitet mit OTF und TTF, um seine Font-Assets zu generieren. Die Unreal Engine bevorzugt TTF. Keine von beiden wird eine WOFF2-Datei direkt importieren. Wenn du also nur eine solche hast, musst du sie zuerst wieder in TTF oder OTF konvertieren.
Konvertieren zwischen Formaten mit CocoConvert
Musst du zwischen diesen Formaten wechseln? CocoConvert beherrscht die wichtigsten Konvertierungspfade: TTF zu WOFF2, OTF zu WOFF2, WOFF2 zu TTF und sogar OTF zu TTF. Unser Prozess basiert auf `fonttools`, derselben branchenüblichen Python-Bibliothek, die auch von Google Fonts verwendet wird. Dies stellt sicher, dass deine konvertierten Dateien standardkonform sind und dass OpenType-Tabellen wie GSUB, GPOS, Namenseinträge und Hinting-Daten erhalten bleiben. Um eine webfähige Schriftart zu erstellen, lade einfach deine .ttf-Datei auf unserer Schriftkonvertierungsseite hoch, wähle WOFF2 als Ausgabe und klicke auf „Konvertieren“. Eine typische lateinische Schrift wird in Sekunden verarbeitet. Die resultierende WOFF2-Datei behält alle Metriken und Layout-Funktionen des Originals, wobei standardmäßig nichts entfernt wird. Natürlich kann CocoConvert nicht alles. Es führt kein Subsetting durch. Wenn du eine 20 MB große CJK-Schrift konvertierst, erhältst du eine komprimierte 13 MB WOFF2-Datei, nicht eine schlanke 50 KB-Datei, die nur die Zeichen enthält, die du benötigst. Dafür wirst du ein spezialisiertes Tool wie `pyftsubset` benötigen. CocoConvert ändert auch keine Lizenzmetadaten. Wenn das Embedding-Flag (fsType) einer Schrift ihre Verwendung im Web einschränkt, bleibt dieses Flag in der konvertierten Datei erhalten. Denk daran: Die Konvertierung einer Schriftart ändert nichts an ihrer Lizenz. Wenn du nicht die Rechte hast, eine Schrift im Web zu verwenden, macht die Konvertierung in WOFF2 ihre Verwendung nicht legal. Die Konvertierung von WOFF2 zurück in TTF ist unglaublich nützlich, wenn du eine Webschrift findest und sie für die Desktop-Nutzung installieren musst. Die Dekomprimierung ist verlustfrei, was bedeutet, dass die resultierende TTF-Datei Outline-Daten hat, die Byte für Byte mit der ursprünglichen Quelle identisch sind. Die Konvertierung macht alle WOFF2-spezifischen Optimierungen sauber rückgängig und liefert dir eine perfekt nutzbare Desktop-Datei.
Zusammenfassung: Das richtige Format wählen, ohne zu viel nachzudenken
Bringen wir es auf den Punkt. Diese drei Formate sind keine austauschbaren Alternativen. Sie sind unterschiedliche Werkzeuge für unterschiedliche Aufgaben. TTF ist der universelle Adapter. Jede Plattform, die mit Schriften zu tun hat, kann TTF verarbeiten. Es ist die richtige Wahl, wenn du maximale Kompatibilität benötigst, auf alte Windows-Umgebungen abzielst, in denen sein spezifisches Hinting glänzt, oder wenn ein Tool wie eine Game-Engine es verlangt. Seine Hauptschwäche ist eine größere Dateigröße im Vergleich zu CFF-basierten OTFs und das typische Fehlen fortschrittlicher typografischer Funktionen. OTF ist die Wahl der Profis für die Desktop-Arbeit. Wenn eine Schriftgießerei eine Schrift für ernsthaftes Design verkauft, ist die OTF-Version die, die du willst. Sie enthält den vollständigen OpenType-Funktionsumfang, ihre CFF-Outlines sind kompakt und jede moderne Design-App unterstützt sie. Ihr einziger wirklicher Nachteil ist, dass sie für die Bereitstellung im Web zu aufgebläht ist. Ein rohes OTF über HTTP auszuliefern, ist eine Verschwendung von Bandbreite. WOFF2 ist nur für eine einzige Sache da: das Web. Es ist keine neue Art von Schrift, sondern nur eine existierende Schrift, die brillant für Browser komprimiert wurde. Verwende WOFF2 in deinen `@font-face`-Regeln. Immer. Behalte die ursprüngliche TTF- oder OTF-Datei als deine Quelldatei, aber behandle die WOFF2-Datei als ein entbehrliches, optimiertes Asset für die Auslieferung. Hier ist der einfache Workflow für jedes neue Projekt: Besorge dir eine hochwertige OTF-Schrift von einer Gießerei. Verwende CocoConvert, um eine WOFF2-Version für deine Website zu erstellen. Behalte die ursprüngliche OTF für alle Druck- oder Designarbeiten. Und wenn du jemals nur eine WOFF2-Datei hast und sie auf deinem Desktop benötigst, konvertiere sie zurück in TTF. So einfach ist das.