Zum Inhalt springen

Web Open Font Format

aus Wikipedia, der freien Enzyklopädie
Web Open Font Format
Dateiendung: .woff, .woff2
MIME-Type: font/woff, font/woff2<ref>Vorlage:RFC-Internet</ref><ref>Media Types. IANA.</ref>
Magische Zahl: 0x774F4646, 0x774F4632 hex
wOFF, wOF2
Entwickelt von: Jonathan Kew, Erik van Blokland, Tal Leming
Aktuelle Version Skriptfehler: Ein solches Modul „Wikidata“ ist nicht vorhanden.
(Skriptfehler: Ein solches Modul „Wikidata“ ist nicht vorhanden.)
Art: Schriftart
Container für: Schriftarten und Meta-Informationen
https://w3.org/TR/WOFF/
https://w3.org/TR/WOFF2/


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

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.<ref><templatestyles src="Webarchiv/styles.css" />Skriptfehler: Ein solches Modul „WLink“ ist nicht vorhanden. (Memento vom 9. Februar 2010 im Internet Archive)</ref><ref>golem.de</ref> 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.<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/www.w3.org (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref><ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Ehemals im Vorlage:Referrer (nicht mehr online verfügbar);.@1@2Vorlage:Toter Link/www.golem.de (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>

Browserunterstützung[Bearbeiten]

  • Firefox ab V3.6 (21. Januar 2010)<ref>hacks.mozilla.org/2009/10/woff</ref>
  • Google Chrome ab V6.0 (2. September 2010)<ref>Matt Colyer: Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. In: Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Skriptfehler: Ein solches Modul „DateTime“ ist nicht vorhanden.; ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/blog.typekit.com (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>
  • Internet Explorer ab Version 9 (14. Mai 2011, ab Windows Vista verfügbar)<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. In: Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Skriptfehler: Ein solches Modul „DateTime“ ist nicht vorhanden.; ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/blogs.msdn.com (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>
  • 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)<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Opera Software ASS, Skriptfehler: Ein solches Modul „DateTime“ ist nicht vorhanden.; ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/www.opera.com (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>
  • Apple Safari ab V5.1 (20. Juli 2011 mit Mac OS X 10.7 Lion)<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Ehemals im Vorlage:Referrer (nicht mehr online verfügbar);.@1@2Vorlage:Toter Link/www.apple.com (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>
  • 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.<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/blog.chromium.org (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>

Im Mai 2014 wurde das Format WOFF 2.0 in W3C offiziell als Public Working Draft manifestiert, seit März 2018 ist es eine Recommendation.<ref>Skriptfehler: Ein solches Modul „Vorlage:Internetquelle“ ist nicht vorhanden. Ehemals im Vorlage:Referrer (nicht mehr online verfügbar); (Skriptfehler: Ein solches Modul „Multilingual“ ist nicht vorhanden.).@1@2Vorlage:Toter Link/www.w3.org (Seite nicht mehr abrufbar. Suche im Internet Archive)</ref>

CSS-Nutzung[Bearbeiten]

<syntaxhighlight lang="css">

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

</syntaxhighlight>

Browserunterstützung[Bearbeiten]

Einzelnachweise[Bearbeiten]

<references />