@ font-face problems in Internet Explorer 7

Question

I have a problem with the font-squirell code generated by @ font-face for one of my sites. The font does not appear in Internet Explorer 7. It works well with other browsers. Address: http://www.mrsherskin.com

@font-face { font-family: 'PFRondaSeven'; src: url('font/pf_ronda_seven-webfont.eot'); src: url('font/pf_ronda_seven-webfont.eot?iefix') format('eot'), url('font/pf_ronda_seven-webfont.woff') format('woff'), url('font/pf_ronda_seven-webfont.ttf') format('truetype'), url('font/pf_ronda_seven-webfont.svg#webfont7vFUbybx') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PFRondaSeven'; src: url('font/pf_ronda_seven_bold-webfont.eot'); src: url('font/pf_ronda_seven_bold-webfont.eot?iefix') format('eot'), url('font/pf_ronda_seven_bold-webfont.woff') format('woff'), url('font/pf_ronda_seven_bold-webfont.ttf') format('truetype'), url('font/pf_ronda_seven_bold-webfont.svg#webfont2zOjOL6G') format('svg'); font-weight: bold; font-style: normal; } /* basic font-set */ body { font-family: 'PFRondaSeven'; font-size-adjust: 0.62; } 

This is strange because I have another site that I created using this method, and it works great.

Any help please? What could be the problem?

Answer 1

Try this instead:

 @font-face { font-family: 'Avenir'; src: url('avenirl8-webfont.eot'); src: local('☺'), url('avenirl8-webfont.woff') format('woff'), url('avenirl8-webfont.ttf') format('truetype'), url('avenirl8-webfont.svg#webfontIFZXxqn6') format('svg'); font-weight: normal; font-style: normal; } 

Replacing the font with your own, and adding ads for bold, too. It should work;)

Answer 2

If it works IE9 but not IE7 / 8, one of the problems might be the wrong eot format. I fixed it with "Fontsquirrel, @ font-face generator Expert Mode" . Check out "Protection: WebOnly"

Answer 3

Make sure the eot file has the correct mimetype type?

I usually add this to my .htaccess file (or equivalent to other software)

 AddType application/vnd.ms-fontobject eot AddType font/ttf ttf AddType font/otf otf AddType font/x-woff woff AddType text/x-component .htc