TTF, OTF oder WOFF: Welches Schriftformat für PC und Web?

TrueType ist das älteste der vier Formate. Apple lieferte es 1991 mit System 7 aus, und Microsoft übernahm es im Jahr darauf für Windows 3.1. Eine TrueType-Schrift beschreibt jeden Buchstaben mit quadratischen Kurven, die pro gekrümmtem Segment einen Kontrollpunkt haben und auf früher Hardware günstig zu zeichnen waren. Dazu kommt Hinting: kleine Programme in der Schrift, die Stämme und Rundungen am Pixelraster ausrichten, damit Text auf Bildschirmen mit niedriger Auflösung scharf bleibt. Die Endung .ttf kennzeichnet bis heute Schriften mit diesen quadratischen Konturen.

OpenType, 1996 von Microsoft und Adobe angekündigt, ist ein Container und keine neue Art von Konturen. Es kann TrueType-Konturen oder PostScript-Konturen in einer CFF-Tabelle enthalten, die kubische Kurven mit zwei Kontrollpunkten pro Segment verwenden. Um diese Konturen herum bringt es Layout-Tabellen für erweiterte Typografie mit: Standard- und optionale Ligaturen, Kapitälchen, Mediävalziffern, stilistische Sets, kontextabhängige Alternativen und Kerning. Üblicherweise wird eine OpenType-Schrift auf CFF-Basis als .otf gespeichert, während eine OpenType-Schrift mit TrueType-Konturen die Endung .ttf behält.

WOFF und WOFF2 sind Container für das Web. WOFF wurde 2009 entworfen und 2012 zur W3C-Empfehlung; es komprimiert jede Schrifttabelle mit zlib. WOFF2 wurde 2018 W3C-Empfehlung, setzt auf Brotli und verarbeitet die Glyphendaten vorab, wodurch es typischerweise etwa 30 % kleiner ist als WOFF. Drei Nebenformate runden das Bild ab. EOT war das eigene Webformat des Internet Explorers, SVG-Schriften eine frühe Notlösung nur für Safari, und variable Schriften, 2016 mit OpenType 1.8 eingeführt, packen eine ganze Spanne von Schriftschnitten oder Breiten in eine Datei.

Installieren Sie TTF oder OTF und machen Sie sich keine Gedanken, welches davon. Windows 10 und 11 installieren beide per Rechtsklick und Installieren, macOS öffnet beide in der Schriftsammlung, und Linux-Desktops übernehmen sie aus ~/.local/share/fonts, sobald der Schriftcache aktualisiert ist. Word, Photoshop, die Desktop-App von Figma, Affinity und LibreOffice lesen beide. Schickt Ihnen ein Designer dieselbe Familie in beiden Varianten, ist die OTF meist die Version, in der der Schriftgestalter gezeichnet hat, und die TTF eine Konvertierung für ältere Software.

Die Fälle, in denen der Unterschied zählt, sind selten. Manche Schneideplotter- und Stickprogramme, Spiele-Engines und Display-Bibliotheken für Mikrocontroller verstehen nur TrueType-Konturen, sodass eine OTF auf CFF-Basis dort fehlerhaft aussieht und OTF in TTF umgewandelt werden muss. Umgekehrt installiert kein Desktop-System WOFF oder WOFF2 direkt: Diese Dateien sind für Browser gepackt. Installieren Sie nur eine Version einer Familie, denn eine TTF und eine OTF mit demselben internen Namen verwirren Schriftmenüs, und Apps wählen womöglich die falsche.

Jede aktuelle Version von Chrome, Edge, Firefox und Safari liest WOFF2, daher sollte es die erste und oft die einzige Quelle in Ihrer @font-face-Regel sein. Ergänzen Sie danach eine WOFF-Zeile nur, wenn Ihre Statistik noch Browser von vor etwa 2016 zeigt, etwa alte Android-WebViews oder Browser in Fernsehern. Ein Browser geht die src-Liste der Reihe nach durch und lädt das erste unterstützte Format, der Fallback kostet moderne Besucher also nichts. Haben Sie bereits die TrueType-Datei für den Desktop, erzeugt TTF in WOFF diesen Fallback in einem Durchgang.

Liefern Sie auf einer Website keine rohen TTF- oder OTF-Dateien aus, es sei denn, eine Plattform zwingt Sie dazu, wie manche E-Mail-Builder und ältere Content-Systeme. Browser stellen sie problemlos dar, doch die Dateien werden unkomprimiert übertragen, sofern Ihr Server Schriften nicht per gzip packt, und jeder erhält eine fertig installierbare Desktop-Kopie. Die Zeile font-display: swap unten weist den Browser an, Text sofort in einer Ersatzschrift anzuzeigen und Ihre Schrift einzutauschen, sobald sie geladen ist, statt den Text bis zu 3 Sekunden lang auszublenden.

Hosten Sie die Dateien nach Möglichkeit auf Ihrer eigenen Domain. Chrome, Safari und Firefox trennen ihre Caches inzwischen nach Website, sodass eine von einem gemeinsamen CDN geladene Schrift nicht mehr websiteübergreifend wiederverwendet wird; Self-Hosting spart zudem eine DNS-Abfrage und einen Verbindungsaufbau. Ergänzen Sie <link rel="preload"> nur für die ein oder zwei Schnitte im sichtbaren Bereich; wer jeden Schnitt vorlädt, konkurriert mit den Bildern um Bandbreite.

Ein einzelner lateinischer Textschnitt als WOFF2 wiegt typischerweise 20–60 KB. Dieselbe Schrift als unkomprimierte TTF ist oft zwei- bis dreimal so groß, und eine Familie, die auch Griechisch, Kyrillisch und Vietnamesisch abdeckt, kann pro Schnitt 200 KB überschreiten. Chinesische, japanische und koreanische Schriften sind eine andere Größenordnung: Ein vollständiger CJK-Schnitt enthält Zehntausende Glyphen und umfasst selbst nach der WOFF2-Kompression meist mehrere Megabyte, viel zu viel, um es zu laden, bevor eine Seite ihren Text zeigen kann.

Subsetting entfernt die Zeichen, die eine Seite nie verwendet, und unicode-range teilt dem Browser mit, welche Zeichen eine Datei abdeckt, damit er sie nur lädt, wenn die Seite diese Zeichen tatsächlich enthält. Google Fonts nutzt genau das für CJK und zerlegt jede Familie in viele kleine Teile, die bei Bedarf geladen werden. Für eigene Schriften kürzt die Option Zeichen behalten im Schriftkonverter eine Datei auf Latin + accents oder Nur von mir eingegebene Zeichen, bevor sie Ihren Server erreicht; wählen Sie Alle Zeichen für alles, was Sie auf einem Computer installieren.

TTF in OTF und zurück ist bei Schriften auf TrueType-Basis nur ein Containerwechsel: Konturtabelle, Metriken und Layoutfunktionen werden unverändert übernommen. Interessant ist der Fall einer OTF auf CFF-Basis, die in TTF umgewandelt wird. Kubische Kurven lassen sich nicht in ein Format mit quadratischen Konturen kopieren, daher wird jede Kurve innerhalb einer Toleranz, die weit unter einem Pixel liegt, als ein oder mehrere quadratische Segmente neu gezeichnet. Auch die PostScript-Hints lassen sich nicht übersetzen, weshalb das OTF-in-TTF-Tool Hinting als Behalten, Entfernen oder Auto-Hint anbietet.

Vom Web zurück zum Desktop ist die häufigste Umwandlung. Sie laden ein Theme oder ein Design-Kit herunter, finden nur .woff- oder .woff2-Dateien und brauchen die Schrift in Word oder Figma. WOFF in TTF entfernt die Kompression und schreibt die ursprünglichen Tabellen zurück, sodass Glyphen, Kerning und Funktionen so herauskommen, wie sie hineingingen. Nicht wiederherstellen lässt sich, was die Webversion bereits verloren hat, etwa durch Subsetting entfernte Zeichen oder zum Bytesparen entfernte Hints.

Die meisten Probleme bei der Umwandlung lassen sich auf drei Dinge zurückführen: Hinting, Layoutfunktionen und variable Achsen. Die Liste unten nennt die Symptome, die Ihnen nach dem Konvertieren am ehesten auffallen, und die jeweils übliche Ursache.

Eine Schriftdatei ist eine kleine Datenbank, und drei ihrer Teile beantworten die meisten Fragen. Die name-Tabelle enthält Familienname, Stilname, Version, Copyright-Zeile und oft eine Lizenz-URL; die Schriftsammlung in macOS zeigt sie in der Infoansicht, die Schriftvorschau in Windows die ersten Zeilen. Die Glyphenabdeckung verrät, welche Sprachen die Schrift setzen kann: Eine rein lateinische Schrift greift bei fehlenden polnischen, türkischen oder vietnamesischen Zeichen stillschweigend auf eine andere Schrift zurück. Bei einer variablen Schrift listet die fvar-Tabelle die Achsen auf, etwa Gewicht von 100 bis 900 oder Breite von 75 bis 125.

Die Lizenz sollten Sie sich ansehen, bevor etwas online geht. Kommerzielle Schriftanbieter verkaufen oft getrennte Lizenzen für Desktop, Web und Apps, und eine Desktop-Lizenz erlaubt meist die Installation auf einer bestimmten Zahl von Computern, nicht aber die Auslieferung an Website-Besucher oder die Einbindung in eine mobile App. Das Konvertieren ändert das Dateiformat einer Schrift, nie ihre Lizenz; eine aus einer Desktop-TTF erzeugte WOFF2 unterliegt also denselben Bedingungen wie die TTF. Schriften unter der SIL Open Font License, die den Großteil von Google Fonts abdeckt, dürfen konvertiert, gesubsettet und selbst gehostet werden.

Die meisten Schriftfragen laufen darauf hinaus, wo die Datei liegen wird. Ist sie auf einem Computer installiert oder in einer App enthalten, nehmen Sie TrueType oder OpenType; lädt ein Browser sie herunter, nehmen Sie die komprimierten Web-Container. Die Tabelle ordnet häufigen Aufgaben das passende Format und die Umwandlung dorthin zu, sodass Sie die Geschichte überspringen und direkt zur benötigten Datei kommen.

Zwei Aufgaben liegen zwischen den Kategorien. EPUB 3 akzeptiert TTF, OTF und WOFF, E-Books können also beide Formatfamilien nutzen, und SVG-Schriftdateien gehören zur selben Linie wie Vektorgrafiken, spielen heute aber vor allem bei manchen Plotter- und Gravursoftwares eine Rolle, nicht in Browsern.