At the moment, web fonts are all the buzz.Unfortunately, achieving cross browser support is not easy. In this tutorial, I’llshow you how to getcustom fontsworking in all of the
If you haven’t been living in a cave for the past few months, you will have heard lots of talk about the @font-face CSS declaration, which lets you usecustom fonts in your web pages. This is very exciting, but unfortunately every browser supports @font-face slightly differently. The latest browserssupport linking directly to truetype or opentype fonts, but this has caused a lot of debate about licensing issues with the fonts. Fortunately, serviceslikeTypekitare trying to solve the licensing dilemma, and if you want to read more about Typekit there are plenty of articles includingone on Nettuts+,
byJeffrey Way.Internet Explorer was the first browser to support @font-face, going all the way back to IE4. They still support it the same way they did then: Using a proprietary format called EOT, or Embedded Open Type. EOTs font have restrictions in place in order to try to solve the licensing problem, for example EOT files can be tied to a particular domain so that other sites cannot hotlink to your font files, or download them for their own use. They alsohave support for font subsetting, or including only the characters that you need in your page. This can drastically reduce file size, which is alwaysimportant when designing anything that needs to be downloaded over the internet. EOT files are a solution to the licensing problem, but some people donot like the fact that they contain a form of DRM. There have been efforts to create a specific web font format that all browsers would support, andwould solve the licensing problem, but like any new web standard, these initiatives would probably take a long time to be finalized and implemented inall browsers. Rather than waiting until then, you can actually use @font-face today with a bit of work. Below is a list of the font formats supported byvarious web browsers.Source:Wikipedia
Step One: Obtain Your Font
Because of licensing concerns, you cannot simply embed any font on your website. Your best bet is to get a free font. There are lots of great free fontsout there, and lots of sites have lists of free fonts that you can use with @font-face. The site I like for getting free fonts isfontex.org. They have all kindsof fonts, and it is pretty likely that you’ll find one that suits your design there.
Gmail - custom fonts working in all of the major browsersfile:///C:/Documents%20and%20Settings/ZERO/Desktop/New%20Fold...1 of 512/1/2009 8:17 PM