Webb Öppna teckensnittsformat

Den aktuella versionen av sidan har ännu inte granskats av erfarna bidragsgivare och kan skilja sig väsentligt från versionen som granskades den 24 juni 2020; kontroller kräver 3 redigeringar .
Webb Öppna teckensnittsformat
Förlängning .woff
MIME -typ font/woff [1] [2]
Utvecklaren Mozilla Foundation
publiceras 2012
Formattyp datorteckensnitt
Innehåller Sfnt- teckensnitt

Web Open Font Format (WOFF)  - en förlängning av teckensnittsformatet OpenType eller TrueType med komprimering och exakt samma som originalet[ vad? ] , vilket gör att du kan lämna renderingsmekanismen oförändrad. Formatet innehåller även ytterligare metadata där teckensnittstillverkaren kan inkludera information om användningen av teckensnittet. Denna information påverkar inte hur det teckensnittet laddas, men låter dig bestämma ursprunget för det teckensnittet så att alla som är intresserade av ett teckensnitt som används på en webbsida kan spåra vilket teckensnitt som används. Teckensnitt i WOFF är komprimerade men inte krypterade, detta format var inte designat för att vara ett säkert format för dem som vill kontrollera teckensnittsanvändningen noggrant.

Användningsexempel:

@ font-face { font-family : 'PT Sans' ; src : url ( 'pts55f.eot' ); src : lokalt ( 'PT Sans' ), ​​url ( 'pts55f.woff' ) format ( 'woff' ), url ( 'pts55f.ttf' ) format ( 'truetype' ); } h2 . style1 { font-size : 48 px ; linjehöjd : normal ; font-family : 'PT Sans' ; font-weight : fet ; teckensnittsstil : kursiv ; }

Konverteringsverktyg

Ett kommandoradsverktyg för att konvertera OpenType- eller TrueType -teckensnittsfiler till och från WOFF-format är tillgängligt både i kompilerad form för Windows och Mac OS X och som källkoder, vilket gör att det kan användas på de flesta befintliga operativsystem. Verktyget distribueras under MPL 1.1/GPL 2.0/LGPL 2.1-licenserna.

Exempel på användning:

Konvertera TrueType -font font.ttf till WOFF:

$ ./sfnt2woff font.ttf > font.woff

Omvänd konvertering av WOFF-teckensnitt till OpenType :

$ ./woff2sfnt font.woff > font.otf

Support

Formatet har stöds av många teckensnittstillverkare [3] och stöds av stora webbläsare:

WOFF 2.0-formatet skapades baserat på Brotli- datakomprimeringsalgoritmen . Det nya formatet tillåter att teckensnitt lagras i filer som är ungefär 1/3 mindre än i WOFF 1.0. Format 2.0 som stöds:

Se även

Anteckningar

  1. ↑ https://www.iana.org/assignments/media-types/font.csv
  2. ↑ Lilley C. The "font" Top-Level Media Type  (eng.) - IETF , 2017. - 18 sid. doi : 10.17487/RFC8081
  3. ↑ Wardle, Tiffany (2009-07-16), Typegirl - De flesta av de viktiga gjuterierna stödjer #webfont , tumblr , < http://typegirl.tumblr.com/post/142912558/most-of-the-important-foundries -are-supporting-webfont > . Hämtad 5 februari 2010. Arkiverad 16 november 2009 på Wayback Machine 
  4. ↑ Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format , Mozilla Foundation , < http://blog.mozilla.com/blog/2009/10/20/mozilla-supports-web-open-font -format/ > . Hämtad 5 februari 2010. Arkiverad 16 juni 2011 på Wayback Machine 
  5. ↑ Colyer, Matt (2010-09-21), Typekit lägger till Chrome 6 WOFF-stöd , Typekit , < http://blog.typekit.com/2010/09/21/typekit-adds-chrome-6-woff-support/ > Arkiverad 8 juli 2011 på Wayback Machine 
  6. ↑ Hachamovitch, Dean (2010-06-23), HTML5, Native: Third IE9 Platform Preview Available for Developers , Microsoft , < http://blogs.msdn.com/b/ie/archive/2010/06/23/html5 -native-third-ie9-platform-preview-available-for-developers.aspx > Arkiverad 26 juni 2010 på Wayback Machine 
  7. ↑ KDE SVN Revision 1088984 , KDE Bugzilla, 2010-02-12 , < http://websvn.kde.org/?view=revision&revision=1088984 > . Hämtad 14 oktober 2011. Arkiverad 24 februari 2021 på Wayback Machine 
  8. ↑ En första glimt av Opera 11.10 "Barracuda" , Opera Software, 2011-02-17 , < http://my.opera.com/desktopteam/blog/2011/02/17/a-first-glimpse-at-barracuda > . Hämtad 17 februari 2011. Arkiverad 19 februari 2011 på Wayback Machine 
  9. ↑ Stöd för webbspecifikationer i Opera Presto 2.7 , Opera , < http://www.opera.com/docs/specs/presto27/ > Arkiverad 13 februari 2011 på Wayback Machine 
  10. ↑ Safari Features , Apple , 2011-06-06 , < https://www.apple.com/macosx/whats-new/features.html#safari > . Hämtad 14 oktober 2011. Arkiverad 6 juni 2011 på Wayback Machine 
  11. ↑ Safari 5.1 Changelog , FileHippo.com , < http://www.filehippo.com/download_safari/changelog/10252/ > . Hämtad 14 oktober 2011. Arkiverad 12 oktober 2011 på Wayback Machine 
  12. ↑ Bug 38217 - [krom] Lägg till WOFF-stöd , WebKit , < https://bugs.webkit.org/show_bug.cgi?id=38217 > Arkiverad 29 september 2015 på Wayback Machine 
  13. ↑ Bug 31302 - Lägg till WOFF-stöd för @font-face , WebKit , < https://bugs.webkit.org/show_bug.cgi?id=31302 > Arkiverad 27 oktober 2015 på Wayback Machine 
  14. ↑ Chromium 36 Release Notes , Google , < http://blog.chromium.org/2014/05/chrome-36-beta-elementanimate-html.html > Arkiverad 25 maj 2014 på Wayback Machine 
  15. ↑ Firefox 35 Release Notes , Mozilla Developer Network , < https://developer.mozilla.org/en-US/Firefox/Releases/35 > Arkiverad 23 maj 2015 på Wayback Machine 
  16. ↑ Release Notes för Opera 26 , Opera Software ASA , < https://dev.opera.com/blog/opera-23/ > Arkiverad 23 mars 2015 på Wayback Machine 
  17. ↑ Safari 10.0 . developer.apple.com _ Hämtad 17 februari 2021. Arkiverad från originalet 25 februari 2021.
  18. ↑ Microsoft Edge-blogg. Snabba upp sidladdningen med WOFF 2.0-teckensnitt i Microsoft   Edge ? . Microsoft Edge Blog (3 maj 2016). Hämtad 17 februari 2021. Arkiverad från originalet 12 februari 2021.

Länkar