Das Web Open Font Format (WOFF) ist ein Dateiformat für von Mozilla entwickelte Webfonts. Eine WOFF-Datei kann komprimierte TTF- und OTF-Dateien sowie Lizenzinformationen und andere Metadaten enthalten. Folgendes müssen Sie über WOFF wissen:
Die Informationen in diesem Artikel gelten für WOFF- und WOFF2-Dateien.
Was ist eine WOFF-Datei?
Ähnlich wie ZIP-Dateien fungieren WOFF-Dateien als Container für andere Dateien, insbesondere für TrueType Font (TTF) - und OpenType Font (OTF) -Dateien. Mit diesen Dateitypen können Webdesigner Schriftarten verwenden, die außerhalb der Standardzeichen der meisten Computer liegen.
WOFF wurde durch das WOFF2-Format ersetzt. WOFF2 bietet noch bessere Komprimierungsalgorithmen, wodurch die ursprüngliche Dateigröße um weitere 30 Prozent reduziert wird. Daher benötigen WOFF2-Dateien weniger Bandbreite und werden noch schneller geladen. WOFF-Dateien haben die Erweiterung .woff, während WOFF2-Dateien die Erweiterung .woff2 haben.
Wie funktionieren WOFF-Dateien?
Nahezu alle Webseiten verwenden Cascading Style Sheets (CSS), um das Layout von HTML und anderen Elementen auf Ihrem Bildschirm zu definieren. Entwickler können beispielsweise CCS verwenden, um Web-Schriftarten zu ändern, indem sie auf Schriftarten verweisen, die bereits auf dem Computer des Benutzers installiert sind. Wenn Ihr PC oder Browser jedoch keine Schriftart unterstützt, wird diese als andere Schriftart angezeigt oder überhaupt nicht geladen, je nachdem, wie der Schriftstapel der Seite eingerichtet ist.
Um dieses Problem zu vermeiden, können benutzerdefinierte Schriftarten in einer WOFF-Datei gespeichert werden, die mit allen anderen Webseitenelementen auf einem Server gespeichert wird. Der Designer kann dann die CSS-Eigenschaft @ font-face verwenden, um auf die WOFF-Datei zu verweisen und die Schriftart im Browser zu rendern.
Google Chrome, Firefox, Microsoft Edge, Opera und Safari unterstützen alle das WOFF-Format. Möglicherweise müssen Sie jedoch Ihren Webbrowser auf die neueste Version aktualisieren.
Vorteile von WOFF
Neben der Erweiterung der Schriftarten, die Webentwicklern zur Verfügung stehen, bietet die Verwendung von WOFF-Dateien mehrere Vorteile. Beispielsweise:
- Kompression: Da WOFF-Dateien komprimiert sind, werden sie schneller geladen als andere Schriftdateitypen.
- HTML- und CSS-Unterstützung: Im Gegensatz zu Bilddateien können WOFF-Dateien mit HTML und CSS stilisiert werden.
- SEO: WOFF-Schriftarten eignen sich besser für die Suchmaschinenoptimierung (SEO) als Textbilder.
- Optimiertes Rendering: WOFF-Dateien enthalten typografische Informationen, einschließlich Kontextformen und Figuren im alten Stil, die ein optimales Rendern auf allen Geräten ermöglichen.
- Zugänglichkeit der Website: WOFF-Dateien machen Websites zugänglicher, da Text vorgelesen werden kann und Textbilder nicht.
- Einbetten: WOFF-Schriftarten helfen bei der Internationalisierung, indem Sie Schriftarten mit Zeichen aus anderen Sprachen einbetten können.
Erstellen Sie Ihre eigenen WOFF-Schriftarten
Mit Schrifteditoren wie FontForge können Sie Ihre eigenen Schriftsätze entwerfen und als WOFF-Dateien exportieren. Sie können WOFF auch mit FontForge in TTF- oder OTF-Dateien konvertieren. Wenn Sie einen anderen Schrifteditor haben, der nur TTF oder OTF unterstützt, können Sie die Schriftarten mit dem Tool sfnt2woff in WOFF-Dateien konvertieren.
Open Font Library und Font Squirrel verfügen über Hunderte von Schriftarten im WOFF-Format, die für den kommerziellen und nichtkommerziellen Gebrauch kostenlos sind.