WebfontFormaten

WebfontFormaten sind digitale Schriftarten, die speziell für die Darstellung im Web konzipiert wurden. Sie ermöglichen eine konsistente Typografie auf verschiedenen Geräten und Betriebssystemen, ohne dass der Benutzer eine Schriftart installiert. Im Gegensatz zu Systemschriftarten werden Webfonts meist in kompakteren Formaten gespeichert, um Ladezeiten zu minimieren und Bandbreite zu sparen.

Die wichtigsten WebfontFormaten sind:

- TrueType (TTF) und OpenType (OTF) sind klassische Schriftdatenformate. Sie enthalten Vektorgrafiken aller Glyphen und font-grafische Metadaten, sind jedoch relativ groß. Viele Browser akzeptieren sie direkt, doch für Webanwendungen sind optimierte Varianten üblicher.

- WOFF (Web Open Font Format) ist ein von der W3C standardisiertes Format, das TTF/OTF-Daten in einer ZIP‑ähnlichen Struktur komprimiert. Es wird von allen modernen Browsern unterstützt und bietet die Vorteile von Kompression und eingebetteten Metadata.

- WOFF2 ist eine Weiterentwicklung von WOFF, die auf Brotli-Kompression basiert und bis zu 30 % kleiner ist. Heutige Browser wie Chrome, Firefox und Edge unterstützen WOFF2, wobei ältere Versionen weiterhin WOFF als Fallback benötigen.

- Embedded OpenType (EOT) wurde von Microsoft als Proprietäres Format entwickelt. Es bietet ausgefeilte Lizenzvorkehrungen und wird zwar noch von Internet Explorer verwendet, ist aber weitgehend obsolet für neue Projekte.

- SVG‑Fonts sind Vektorgrafiken im Scalable Vector Graphics (SVG) Format. Sie sind besonders nützlich für kleinere, leichtgewichtige Icon Fonts, werden jedoch von aktuellen Browsern nicht mehr primär unterstützt.

- TTC (TrueType Collection) kann mehrere Schriften in einer Datei bündeln, ist aber für den Einsatz als Webfont unüblich.

Webfont-Fontographierrenner nutzen typischerweise Subsetting, um nur die für die Website benötigten Glyphen einzuschließen. Dies reduziert die Dateigröße erheblich. Inhalte wie `@font-face` in CSS geben die URL der Font, das Format und einen Fallback an. Aktuelle Best Practices empfehlen, WOFF2 als Primärformat zu verwenden und WOFF als Fallback anzubieten, um Kompatibilität abwärts sicherzustellen. Durch die Kombination von komprimierten Webfont-Formaten und Subsetting werden Ladezeiten verkürzt, das Gesamtdatenvolumen optimiert und die Nutzererfahrung verbessert.