2004-08-24

Embedding Fonts on Web Pages

I was reading Chris Pirillo's Blog today. Today my curiosity at how the font on his site worked got the better of me. He has a font that shows up as it was hand written in pencil. At first I wondered if it were somehow done with images. But it seems there is a technology added to web browsers, since about v4, that I missed. There is a way to embed fonts on a page. Embed in this case means that you can put some extra commands in the HTML to ask a user's browser to download a font used on a page.

There is a tool available on MS site to help you embed fonts into a web page, called WEFT. It is up to version 3 now.

One of the interesting things about embedded fonts is that they are tied to a specific web site. In other words, the site's URL is encoded into the special font file that is downloaded. If the URL doesn't match, the web browser shouldn't use it. In theory this might reduced taking someone else's font. It also sounds like it would make things much easier to mess up when making a web site, and much harder to debug.

It seems with MS products, there is a file that ends in .EOT - this has the URL specific embedded font. Read more about it and a shirt version to using WEFT on Tek Tips

4 comments:

Digichrome said...

Well, I went to Chris' site to see what you were talking about and didn't see anything unusual. Then I remembered I was using Firefox (The Best Browser in the World(TM)) ) and that this smacked of a non-standard MS-only thing. Sure enough...I loaded up IE and saw the neato font. Hmph. Has everyone forgotten about standards? Sorry, I'm in a terribly anti-Gates-and-company mood of late.

Anonymous said...

While the current version of WEFT is usually referred to as v. 3, actually the latest is version 5.3.2

djn

Jason Mulgrew said...

intense!

love,
jason mulgrew
internet quasi-celebrity

Anonymous said...

http://w3.org/TR/REC-CSS2/fonts.html#font-descriptions
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontface.asp