Pourquoi mon \"@font-face\" fonctionne-t-il dans IE8 mais pas dans IE9 ?

Dépannage des problèmes liés à « @font-face » dans IE9

Vous avez rencontré un problème déroutant où « @font-face » s'affiche correctement dans IE8 mais pas IE9. Bien que la police s'affiche correctement sur votre ordinateur local, elle n'apparaît pas lorsque le site est en ligne. Pour approfondir ce problème, nous analyserons le code et explorerons les solutions possibles.

Le code que vous avez fourni semble bien structuré et inclut toutes les sources de polices nécessaires pour différents navigateurs. Cependant, il semble qu'IE9 n'utilise pas le format EOT préféré et opte plutôt pour la version WOFF. Pour résoudre ce problème, vous avez mis à jour votre code pour inclure toutes les variantes de police générées par FontSquirrel. Cela permet à IE9 d'accéder à la version WOFF, permettant ainsi à la police de s'afficher correctement.

Fait intéressant, un problème similaire a été signalé lorsque la police fonctionnait dans toutes les versions d'IE, à l'exception d'IE9. Fait intéressant, le changement de mode document (à l'aide des outils de développement F12) a résolu le problème. Cela suggère que le problème peut résider dans la gestion par IE9 de certains fichiers de polices.

De plus, vous avez mentionné un site Web (iamthomasbishop.com) qui affiche avec succès la même police dans IE9. Cela vaut la peine d'examiner leur mise en œuvre pour avoir un aperçu de leur approche et des solutions potentielles.

En résumé, le problème de "@font-face" qui ne s'affiche pas dans IE9 peut être lié à la sélection des fichiers de polices et à la compatibilité du navigateur. La mise à jour de votre code pour inclure tous les formats de police nécessaires et la prise en compte des exigences spécifiques d'IE9 peuvent aider à résoudre ce problème efficacement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!