Web Open Font Format
Filename extension |
.woff, .woff2 |
---|---|
Internet media type |
application/font-woff[1] |
Magic number |
77 4F 46 46 ("wOFF" in ASCII) 77 4F 46 32 ("wOF2" in ASCII) |
Developed by | W3C |
Type of format | Font file |
Container for | SFNT fonts |
Website |
The Web Open Font Format (WOFF) is a font format for use in web pages. It was developed during 2009[2] and is now a World Wide Web Consortium (W3C) Recommendation.[3]
WOFF is essentially OpenType or TrueType with compression and additional metadata. The goal is to support font distribution from a server to a client over a network with bandwidth constraints.
Submission as a standard
The WOFF specification was written by Jonathan Kew, Tal Leming, and Erik van Blokland,[2] with reference conversion code written by Jonathan Kew.[4] Following the submission of WOFF by the Mozilla Foundation, Opera Software and Microsoft in April 2010,[5][6] the W3C commented that it expected WOFF soon to become the "single, interoperable [font] format" supported by all browsers.[7] The W3C published WOFF as a working draft in July,[8][9] and it became a W3C Recommendation in December that year.
WOFF 2.0, with reference code provided by Google,[10] is a proposed update to the existing WOFF 1.0 with improved compression is currently being evaluated.[11] WOFF 2.0 uses Brotli as the byte-level compression format.
Specification
WOFF is essentially a wrapper that contains SFNT-based fonts (TrueType or OpenType) that have been compressed using a WOFF encoding tool to enable them to be embedded in a Web page.[2] The format uses zlib compression (specifically, the compress2 function),[2] typically resulting in a file size reduction from TTF of over 40%.[12] Like OpenType fonts, WOFF supports both PostScript and TrueType outlines for the glyphs.[13]
Vendor support
The format has received the backing of many of the main font foundries[14] and has been supported by all major browsers:
- Firefox since version 3.6[15]
- Google Chrome since version 6.0[16]
- Internet Explorer since version 9[17]
- Konqueror since KDE 4.4.1[18]
- Microsoft Edge
- Opera since version 11.10[19] (Presto 2.7.81)[20]
- Safari[21] 5.1[22]
- other WebKit-based browsers since WebKit build 528[23][24]
Some browsers enforce a same-origin policy, preventing WOFF fonts from being used across different domains. This restriction is part of the draft CSS 3 Fonts module,[25] where it applies to all font formats and can be overridden by the server providing the font.
Some servers may require the manual addition of WOFF's MIME type to serve the files correctly;[26] the proper MIME type is application/font-woff
,[1] not application/x-font-woff
, although font/woff
is also commonly seen.
WOFF 2.0, based on the Brotli compression algorithm and other improvements over WOFF 1.0 giving more than 30% reduction in file size, is supported in Chrome (since version 36),[27] Edge (since version 14),[28] Opera (since version 26),[29] Firefox (since version 35)[30] and Safari (since version 10).[31]
See also
References
- 1 2 "Appendix B: Media Type registration". W3C. 2011-08-14.
- 1 2 3 4 Jonathan Kew (Mozilla), Tal Leming (Type Supply), Erik van Blokland (LettError) (2009-10-23), WOFF File Format (draft of 2009-10-23), Mozilla Foundation, retrieved 2010-01-30
- ↑ WOFF File Format 1.0
- ↑ WOFF conversion reference code, retrieved May 8, 2016
- ↑ WOFF File Format 1.0 Submission Request to W3C
- ↑ Galineau, Sylvain (2010-04-23), Meet WOFF, The Standard Web Font Format, Microsoft
- ↑ Team Comment on "WOFF File Format 1.0" Submission
- ↑ WOFF - Now loading fonts on websites, The H, 2010-07-28
- ↑ Buckler, Craig (2010-08-17), W3C Backs the WOFF WebFont Standard, SitePoint
- ↑ Reference WOFF2 generation code, retrieved May 8, 2016
- ↑ W3C: WOFF 2.0 Evaluation Report
- ↑ Stefanov, Stoyan (2009-10-20), @font-face gzipping - take II, PHPied.com, retrieved 2010-01-30
- ↑ http://blog.typekit.com/2010/12/08/type-rendering-font-outlines-and-file-formats/
- ↑ Wardle, Tiffany (2009-07-16), Typegirl - Most of the important foundries are supporting #webfont, tumblr, retrieved 2010-02-05
- ↑ Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format, Mozilla Foundation, retrieved 2010-02-05
- ↑ Colyer, Matt (2010-09-21), Typekit adds Chrome 6 WOFF support, Typekit
- ↑ Hachamovitch, Dean (2010-06-23), HTML5, Native: Third IE9 Platform Preview Available for Developers, Microsoft
- ↑ KDE SVN Revision 1088984, KDE Bugzilla, 2010-02-12, retrieved 2011-10-14
- ↑ A first glimpse at Opera 11.10 "Barracuda", Opera Software, 2011-02-17, retrieved 2011-02-17
- ↑ Web specifications support in Opera Presto 2.7, Opera
- ↑ Safari Features, Apple, 2011-06-06, retrieved 2011-10-14
- ↑ Safari 5.1 Changelog, FileHippo.com, retrieved 2011-10-14
- ↑ Bug 38217 - [chromium] Add WOFF support, WebKit
- ↑ Bug 31302 - Add WOFF support for @font-face, WebKit
- ↑ CSS Fonts Module Level 3
- ↑ "Webfonts are not loading in Firefox". Fontspring. Retrieved 2013-01-01.
- ↑ Chromium 36 Release Notes, Google
- ↑ Speed up page load with WOFF 2.0 fonts in Microsoft Edge, Microsoft
- ↑ Opera 26 Release Notes, Opera Software ASA
- ↑ Firefox 35 Release Notes, Mozilla Developer Network
- ↑ What's new in Safari, Apple
External links
- Current specification of the WOFF file format at the World Wide Web Consortium's website