Friday, August 6, 2010

Using CSS3 @font-face; it's great!

EOT(Embedded OpenType)
IE supports EOT format(Including IE9)

OTF = IE9 will support PostScript-flavored OTF CFF fonts, as do the rest of the “big five” browsers.

So, it would be a good thing to convert TTF(TrueType Format) to OTF(OpenType Format)
Online Font Converter = (Skip Login)

Here is how we can use it -
<style type="text/css">

@font-face{ /* for IE */
@font-face { /* for non-IE */
src:url(angelina.ttf) format("truetype");
/*url(http://:/) format("No-IE-404"),url(angelina.ttf) format("truetype");*/

body {
font-family: "Angelina", Arial, Helvetica, sans-serif;
font-size: 2em;


For more information about font format support in different browsers, refer these links -
Links to refer -