Firefox 3.6 to support Web Open Font Format

Remember when Firefox 3.5 was released, it added support for the downloadable font in Firefox!? It gave the web developers the flexibility to use any font as they wish, with out worrying about the availability of that custom font in user’s system. They just need to mention the URL of the font in their CSS definitions and the browser (FF) will download the font and renders the page. Firefox 3.5 supported the linking of TrueType and OpenType fonts alone.

From Firefox 3.6 onwards, Mozilla adds the ability to link Web Open Font Format (WOFF) from your CSS files. The WOFF is mostly similar to the OpenType/TrueType fonts, except that its in compressed format. So, it reduces the download time.

How to link Web Open Font Format in your pages?

If you want to use Web Open Font Format, the way to link is similar to linking other downloadable font format. You mention it in @font-face tag. Below is the sample code for linking Web Open Font Format:

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

body{
  font-family:MyFont,Arial;
}

WOFF is going to be supported from Firefox 3.6 onwards. In the meantime, you can test it in Firefox Nightly builds, if you want to see how it works.