Search code examples
cssfont-face

@font-face problems in Internet Explorer 7

I have a problem with the font-squirell generated @font-face code for one of my sites. The font doesn't show up in Internet Explorer 7. With other browsers it works nicely. The address is: 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; }

It's strange because I have another site that I made with this method and it works perfectly.

Any help, please? What could be the problem?

Solution

  • 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 of course and adding a declaration for the bold font too. It should work ;)