Do IE browsers (IE6, 7, 8) support @font-face?

Question

According to this article, http://www.standardista.com/css3/font-face-browser-support IE supports @font-face but I couldn\'t find any site which has valid custo

Answer 1

Internet Explorer 9 requires an EOT type font. TTF fonts can be used in most of the other recent browser versions and SVG for devices like iPhone and iPad. You can read more about browser support for @font-face here http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Font Squirrel is also a great resource for creating web font files including EOT from your existing font files. Please be sure you have a licence to use the fonts on the web. You can access the free web font file generator here: http://www.fontsquirrel.com/fontface/generator

A typical CSS entry for an @font-face set looks like this:

@font-face
{ 
    font-weight: normal;
    font-style: normal;
    font-family: 'custom-font';
    src: url('/some/directory/custom-font.eot');
    src: url('/some/directory/custom-font.eot?#iefix') format('embedded-opentype'),
         url('/some/directory/custom-font.woff') format('woff'),
         url('/some/directory/custom-font.ttf') format('truetype'),
         url('/some/directory/custom-font.svg#webfont') format('svg');
}

Then you can call your font by assigning the "font-family" attribute using css

.my-class { font-family: "custom-font" }