Das Web Open Font Format (WOFF) ist ein komprimierendes Containerformat für Webfonts. Es ist für den Einsatz auf Webseiten vorgesehen.

Web Open Font Format
Dateiendung: .woff, .woff2
MIME-Type: font/woff, font/woff2[1][2]
Magische Zahl: 0x774F4646, 0x774F4632 hex
wOFF, wOF2
Entwickelt von: Jonathan Kew, Erik van Blokland, Tal Leming
Art: Schriftart
Container für: Schriftarten und Meta-Informationen
Offizielle W3C-Website


WOFF 1.0

Bearbeiten

Eigenschaften

Bearbeiten

Es wurde von den Font-Entwicklern Erik van Blokland und Tal Leming zusammen mit Mozilla-Entwickler Jonathan Kew spezifiziert.[3][4] Vorteile von WOFF ergeben sich insbesondere bei Schriftarten, die von Internetseiten geladen werden, da die Ladezeiten durch die Komprimierung erheblich verkürzt werden können. WOFF unterstützt Schriftarten, die in bestimmten Formaten wie beispielsweise OpenType oder TrueType gespeichert sind. Nach Dekomprimierung liegt der Zeichensatz wieder in dem Originalformat vor. Darüber hinaus können in einer WOFF-Datei Metadaten abgelegt werden, in denen sich zum Beispiel Informationen über den Ursprung und die Lizenz der Schriftart speichern lassen.

Verbreitung

Bearbeiten

WOFF 1.0 ist seit 13. Dezember 2012 Internetstandard des W3C.[5][6]

Browserunterstützung

Bearbeiten
  • Firefox ab V3.6 (21. Januar 2010)[7]
  • Google Chrome ab V6.0 (2. September 2010)[8]
  • Internet Explorer ab Version 9 (14. Mai 2011, ab Windows Vista verfügbar)[9]
  • Microsoft Edge ab Version 12 (29. Juli 2015)
  • Konqueror seit KDE 4.4.1 (2. März 2010)
  • Opera ab V11.10 (Presto 2.7.81) (12. April 2011)[10]
  • Apple Safari ab V5.1 (20. Juli 2011 mit Mac OS X 10.7 Lion)[11]
  • Andere WebKit-basierende Browser ab WebKit Build 528

WOFF 2.0

Bearbeiten

Eigenschaften

Bearbeiten

Der wesentliche Vorteil des Formats für Webschriften liegt an der resultierenden Dateigröße: Statt „bitweise verlustfrei“ werden WOFF2-Dateien „funktionell verlustfrei“ komprimiert. Zudem kommt das äußerst effiziente Kompressionsverfahren Brotli (statt wie ursprünglich geplant LZMA) zum Einsatz, welches die Schriftdatei noch schlanker macht. Bei WOFF2 spricht Google von „bis zu 50 % Größenreduzierung“ gegenüber WOFF.[12]

Im Mai 2014 wurde das Format WOFF 2.0 in W3C offiziell als Public Working Draft[13] manifestiert.

CSS-Nutzung

Bearbeiten
 @font-face {
    font-family: font;
    src: url(font.woff2) format("woff2"), url(font.woff) format("woff");
 }

Browserunterstützung

Bearbeiten
  • Google Chrome ab Version 36[14]
  • Opera ab Version 26[15]
  • Firefox ab Version 35[16]
  • Microsoft Edge ab Version 14[17]
  • Apple Safari ab Version 12[18]

Einzelnachweise

Bearbeiten
  1. RFC 8081 – The “font” Top-Level Media Type. Abschnitt 4.4.5 (englisch).
  2. Media Types. IANA.
  3. people.mozilla.com (Memento vom 9. Februar 2010 im Internet Archive)
  4. golem.de
  5. WOFF File Format 1.0 (W3C Recommendation 13 December 2012). Abgerufen am 13. Dezember 2012 (englisch).
  6. WOFF File Format 1.0 ist ein Internetstandard. Abgerufen am 14. Dezember 2012.
  7. hacks.mozilla.org/2009/10/woff
  8. Matt Colyer: Typekit adds Chrome 6 WOFF support. In: typekit. 21. September 2010, abgerufen am 13. April 2011 (englisch).
  9. HTML5, Native: Third IE9 Platform Preview Available for Developers. In: IEBlog. 23. Juni 2010, abgerufen am 13. April 2011 (englisch).
  10. Opera 11.10 for Windows changelog. Opera Software ASS, 12. April 2011, abgerufen am 13. April 2011 (englisch).
  11. Apple Safari Features. Abgerufen am 12. August 2011.
  12. Chrome 36 Beta: The new WOFF 2.0 Web Font compression format. Abgerufen am 25. Mai 2014 (englisch).
  13. WOFF File Format 2.0 (W3C First Public Working Draft 08 May 2014). Abgerufen am 25. Mai 2014 (englisch).
  14. Chromium 36 Release Notes. Abgerufen am 18. August 2015 (englisch).
  15. Opera 26 Release Notes. Abgerufen am 18. August 2015 (englisch).
  16. Firefox 35 Release Notes. Abgerufen am 18. August 2015 (englisch).
  17. Microsoft Edge WOFF File Format 2.0 Standards Support Document. Abgerufen am 15. November 2018 (englisch).
  18. WebKit Feature Status. In: WebKit. 7. November 2015, abgerufen am 2. November 2021.