GotchaCode

Web could be stylized by new w3c font platform

21 Aug 2010

[caption id="attachment_137" align="alignleft" width="712" caption="Woff in IE9 "][/caption]

While Web publishing continues to challenge the printed page as the primary means of sharing text, in one aspect it still lags behind Johannes Gutenberg's 500 year old technology: Web developers have a relatively measly choice of fonts. Now the standards body for the Web is hoping to bring online the rich variety of type styles long availab The World Wide Web Consortium's Web Fonts Working Group has launched version 1.0 of the The Web Open File Format (WOFF).

This format will provide a platform for open source and commercial providers of fonts to make their creations easily available across the Web, according to W3C fonts activity lead Chris Lilley. "In print, publishers use lots and lots of fonts all the time. And there is a mechanism for that: They can get a font from a particular client, and use it on their computers," Lilley said. "And when designers come to the Web, they're in shock when they find they can't do that."

Today, the vast majority of text rendered on the Web is rendered by browsers in a small number of typefaces, most provided to the Web by Microsoft, such as Arial, Verdana and Times New Roman. (Typographically speaking, the term typeface refers to a stylistic rendition of each letter in an alphabet, whereas the font refers to the a specific rendering of these letters). This collection is but a small subset of the wide range of typefaces available for print media, though. Various initiatives, most confined to specific browsers, have tried to expand the palette of fonts, but have failed to take off, due the amount of work they required on the part of Web developers.

WOFF is an attempt to provide a platform for fonts that can be easily used by all browsers. WOFF is actually a compression technology. A font owner can package a font in a WOFF container and post it on the Web. A browser, when it must render a page requiring the font, can download the font package, uncompress the font and use it to render the text. The page specifies the font needed with a Cascading Style Sheets(CSS)-based declaration. The Mozilla Foundation provides an example page that allows the viewer to compare fonts already packaged in most browsers with a newly available WOFF-based downloadable font, the Charis SIL Compact (which is about a megabyte in size, or 80 kilobytes for the subset needed for the text). The Mozilla page allows the viewer to see how quickly the fonts load, as well as view the stylistic improvements. In the original incarnation, the page used a series of small images to render those letters that the browser could not render itself--the text itself is in the African Ewe and Adja languages. This technique of using images for letters slows the page loading time, gives the page an inconsistent lettering and makes the contents less scrutable to search engines....
Tweet