Mozilla Announces Support For Web Open Font Format (WOFF) In Firefox 3.6

by Richard Fink on October 7, 2009

Mozilla has announced that support for the Web Open Font Format (WOFF) will be a part of Firefox upgrade 3.6.

Conceived by Mozilla’s own Jonathan Kew and font-designer/programmers Erik van Blokland and Tal Leming, WOFF addresses the concerns about unlicensed distribution expressed by many font-designers and, at the same time, holds the promise of a web-friendly, interoperable font format for the future.

There is a strong assumption among those closely following the issue that Microsoft will follow suit in the next version of Internet Explorer, making WOFF – regardless of its adoption as a standard by the W3C – the defacto web-font standard going forward.

Designed, in part, to be an improved successor to Internet Explorer’s Embedded Open Type (EOT), Mozilla’s documentation sums up the advantages of WOFF as these:

1. The font data is compressed, so sites using WOFF will use less bandwidth and will load faster than if they used equivalent uncompressed TrueType or OpenType files.
2. Many font vendors that are unwilling to license their TrueType or OpenType format fonts for use on the web will license WOFF format fonts. This improves availability of fonts to site designers.
3. Both proprietary and free-software browser vendors like the WOFF format, so it has the potential of becoming a truly universal, interoperable font format for the web, unlike other current font formats.

For the technical, the specification for WOFF is here.

A set of command-line tools for creating WOFF files has been posted by co-creator Tal Leming for the purpose of comments, suggestions, and tests.

Update: Kernest Web Font Service Now Serving WOFF

Ain’t no flies on Kernest’s Garrick Van Buren. As was announced on
Kernest’s blog:

WOFF is a compressed font format meaning a better @font-face experience in Firefox through faster font transfers and shorter FOUT times.
Now if you’re browsing with one of the Firefox (3.6) Nightly Builds on a site using fonts from Kernest – you’ll receive a WOFF instead of a TTF or OTF.

Kernest is not only a free service, but it’s an invaluable online viewer and source of information for free fonts of all kinds. We should have added a “Linkworthy” link to Kernest here on Readable Web a long time ago.
As of today, we have.

WOFF, originally named OTW, arose out of discussions on the W3C mailing list in the wake of Firefox 3.5’s support for the linking of “raw” TTF and OTF fonts using the CSS @font-face rule.

being submitted as a standard

http://lists.w3.org/Archives/Public/www-font/2009JulSep/1362.html

Did you enjoy this article? Subscribe to Readable Web
and receive updates as new entries are added.

Related Articles:

  1. Mozilla Formally Announces Support For WOFF (Web Open Font Format)
  2. EOTFAST: A New And Essential Product For @Font-Face Web Fonts
  3. An Open Letter To Retail Font Vendors
  4. Web Fonts Panorama – September, 2009
  5. Jeffrey Zeldman Questions The “EOT Lite” Web Font Format

Sharing Options:

{ 2 trackbacks }

Firefox Adds Support for Web Open Font Format (WOFF) via @font-face - CSS3 . Info
November 2, 2009 at 2:42 pm
Firefox 3.6: Unterstützung für das Web Open Font Format (WOFF) « CSS3 Web-Fonts
November 4, 2009 at 12:59 pm

{ 2 comments… read them below or add one }

Paul Irish October 7, 2009 at 9:16 pm

In case anyone is interested, here’s the link to the WOFF bug on mozilla bugzilla, where support for 3.6 was ‘announced’.
It was committed to the 1.9.2 branch so it looks final, as far as I can tell.

Richard Fink October 8, 2009 at 5:42 am

Hi Paul.
As far as the “announcement”, “mentioned in passing” is, truly, more like it! Hah!
But an announcement has most definitely been made:
Firefox 3.6 for Developers – MDC
Support for WOFF is listed as part of the changes in CSS.
Jonathan Kew first made Mozilla’s intentions public on Sept 16th, I just didn’t know how soon in Firefox WOFF would appear. I’m glad it was fairly immediate.
Re: Updated WOFF Specification

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: