Pourquoi ma @font-face ne s'affiche-t-elle pas dans Internet Explorer, mais fonctionne parfaitement dans Firefox ?

Internet Explorer : @font-face ne s'affiche pas

En tentant d'incorporer des polices élégantes dans un site Web, un développeur rencontre un problème où les polices s'affichent parfaitement dans Firefox mais n'apparaissent pas dans Internet Explorer. Malgré les preuves dans les journaux d'accès Apache selon lesquelles IE a accédé aux polices, la balise CSS @font-face n'entraîne pas un rendu correct.

Pour résoudre ce problème, le développeur a utilisé un outil de conversion des polices au format EOT. , à savoir le convertisseur TTF2EOT de Kirsle. Cependant, l'outil WEFT de Microsoft s'est avéré inefficace, l'application étant bloquée à l'initialisation.

Le CSS du développeur pour la définition de la police est le suivant :

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

La police est ensuite appelée en utilisant ce qui suit CSS :

p .mytext
{
   font-family: HelveticaLTCN;
}

Solution : Utiliser Font Squirrel

Pour surmonter cet obstacle, il est fortement recommandé de faire appel aux services de Font Squirrel. Cet outil surpasse WEFT en termes de fonctionnalités et fournit une solution supérieure pour la compatibilité croisée. Font Squirrel permet la génération de tous les formats multi-navigateurs essentiels dans un seul fichier ZIP, accompagné d'un exemple de page HTML CSS complet.

L'utilisation de Font Squirrel ouvre un niveau inégalé de simplicité et d'efficacité dans la mise en œuvre de @fontface , offrant l'approche la plus efficace pour obtenir un rendu optimal des polices sur une large gamme de navigateurs Web.

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!