Problèmes de font-face @ dans Internet Explorer 7

Question

J'ai un problème avec le code @ font-face généré par font-squirell pour l'un de mes sites. La police n'apparaît pas dans Internet Explorer 7. Avec d'autres navigateurs, cela fonctionne bien. L'adresse est: 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; } 

Il est étrange parce que j'ai un autre site que je fait avec cette méthode et il fonctionne parfaitement.

Toute aide, s'il vous plaît? Quel pourrait être le problème?

Answer 1

Essayez ceci:

@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; 
} 

Remplacement de la police avec votre propre bien sûr et en ajoutant une déclaration pour la police en gras aussi. Cela devrait fonctionner;)

Answer 2

Assurez-vous que le fichier eot a le type MIME correct?

Je l'habitude d'ajouter à mon fichier .htaccess (ou équivalent sur différents logiciels)

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

AddType text/x-component .htc 

Answer 3

Si cela fonctionne IE9 mais pas IE7/8, l'un des problèmes peut-être de format incorrect EOT. Je l'ai réparé avec "Fontsquirrel, @font-face generator Expert Mode". Cochez "Protection: WebOnly"