I'm wondering if any of you know how to embed some code (HTML, javascript, whatever) into your source that makes a viewer see a certain font whether they have that font on their computer or not. See http://chris.pirillo.com for an example (obviously his blog). When I first visited the site, I saw the font which was really awesome because I didn't have it on my computer. He's got a link to download the font, but it seems I didn't need to download it because it showed up perfectly. If you look at his source, I didn't see anything in the style sheet or the coding with that font and even if it was, I'm not sure how he made it so you instantly see the page in the right font. Heck, I even went to my local library and it showed up with that font. How do you do it?

Thanks

A quick look at the code looks like he is defining a new font using the following code:

  @font-face {
    font-family: Chris Pirillo;
    font-style:  normal;
    font-weight: normal;
    src: url(http://chris.pirillo.com/CHRISPI1.eot);
  }

where the URL of the font for the browser to download is given.

I assume if you do some changes you could get that code to work on your site, but I think the same thing was mentioned on Webmonkey somewhere:
http://hotwired.lycos.com/webmonkey/...tutorial1.html

hi david,

i never heard a font format called, ".eot"

does anyone know how i can convert my own fonts made in ".ttf" to ".eot"

choa, xtravel

actually, i found out the .eot is a special extension made by Microsoft WEFT (http://www.microsoft.com/typography/web/embedding/). This allows MSIE 5+ users to see fonts embedded on the websites that they don't even have on their computer. It doesn't work with Netscape or Mozilla though. If you have MSIE 5+, you can visit Chris Pirillo's site as an example (see above posts). It should come up as a handwritten-type font.