@font-face: The Potential of Web Typography. @font-face — what it is exactly?
B @font-face is a CSS rule implemented in Firefox's latest 3.5 browser release. It allows web designers to reference fonts not installed on end user machines. (NOTE: John Daggett has written a lovely primer article on @font-face. Beautiful fonts with @font-face at hacks.mozilla.org. This article is also available in Bulgarian.
While Firefox 3.0 improved typographic rendering by introducing support for kerning, ligatures, and multiple weights along with support for rendering complex scripts, authors are still limited to using commonly available fonts in their designs. Firefox 3.5 removes this restriction by introducing support for the CSS @font-face rule, a way of linking to TrueType and OpenType fonts just as code and images are linked to today. Safari has supported this type of font linking since version 3.1, and Opera has announced that they plan to support it in Opera 10. Using @font-face for font linking is relatively straightforward.
Fonts available for @font-face embedding - Webfonts.info.