Friday, January 18, 2013

Conditional Web Fonts for IE

Internet Explorer has supported eot fonts since version 8 :

Here is how I like to do conditional fonts for IE :

@@font-face {
        @@font-face {
            srcurl("/img/fonts/digital.ttf") format('truetype');

        #displays {

It avoids the ttf error :

@font-face failed OpenType embedding permission check. Permission must be Installable.

from preventing the eot font from being used. And browsers like chrome/firefox/safari/opera can happily use the true type fonts.

Also you can convert ttf fonts to eot online over here so you can support IE-8 as well :

convert : otf -> ttf :
convert: ttf -> eot :