I recently have been doing more and more research into CSS and all of the new (and old) features that it hides and recently came across the @font-face rule. This is probably one of the best features of CSS because it allows me to use non-standard fonts on sites without having to resort to sIFR or any other font replacement technique. The CSS technique to do this is fairly simple and is supported by a large number of browsers, including Internet Explorer*! The biggest problem of this is that not all fonts are licensed to be used on the web. Therein lies the problem, there are very few fonts that are freely licensed to be used on the web with this technique. However, that doesn’t mean that the fonts that are available are terrible. In fact, there is a wonderful list of fonts that are available to be used freely on the web! The list includes 10 good looking fonts, some of which I am using in some new designs. To view this list head over to OpenType.info.
*Internet Explorer supports @font-face but requires a specially formatted font file, the EOT file. Still, its better than nothing at all!




