Police Impressionnant ne figurant pas dans Internet Explorer 8

StackOverflow https://stackoverflow.com//questions/12680446

  •  12-12-2019
  •  | 
  •  

Question

Nous avons récemment développé un site web avec une forte dépendance à l'égard de la Police Génial dans le cadre de son design.Nous sommes à l'aide de la norme de mise en œuvre avant:contenu et leur fourni CSS.

Pour une raison quelconque Police Impressionnant ne s'affiche pas dans IE8.J'ai passé quelques heures de dépannage et d'essayer diverses corrections, avec pas de chance.

J'ai:

  • Définir le type mime d'EOT à l'application/vnd.ms-fontobject
  • Définir le type mime de la FTO, TTF à l'application/octet-stream
  • Exécuté HTML5Shiv après tout CSS a été chargé.
  • Diverses tentatives pour recharger le CSS et DOM au chargement de la page

Voici le site web: http://www.tetakere.org.nz - les Hotlinks box est un bon exemple de la Police Impressionnant

Quiconque a des idées sur d'autres approches de l'obtention de cette site web de la Police d'affichage Génial?

Était-ce utile?

La solution

Après quelques douloureux de dépannage j'ai enfin sorti.

La solution était de déplacer le chargement de HTML5Shiv de l' <head> section juste avant le </body> la balise.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>

Autres conseils

Je sais que c'est une question plus ancienne, mais j'ai eu beaucoup de problèmes avec cette question et aucune de ces réponses n'a aidé à l'exception de la dernière.

changé la tête ...

Qu'est-ce qui a fonctionné pour moi était: 

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Ceci a également fonctionné (dernière réponse que j'ai mentionnée): 

<meta http-equiv="X-UA-Compatible" content="IE=8">

Aussi, j'ai lu ( Forcer IE Mode de compatibilitéOff à l'aide de tags ) que vous devez mettre cette étiquette Meta sur toutes les autres balises de méta et avant les déclarations conditionnelles, c'est-à-dire;Sinon, la balise méta sera invalidée.

Je n'ai pas besoin de HTML5Shiv pour que Fontawesome fonctionne dans IE8. Cette réponse (recréer le fichier .EOT et remplacer l'ancien) résolu mon problème.

J'ai tout essayé de modifier ma configuration Apache et des fichiers .htaccess sans chance.Dans les outils de développement IE, je suis tombé sur le "mode de document" et la valeur par défaut était IE7.Donc, après quelques recherches, j'ai trouvé cette balise Meta: 

<meta http-equiv="X-UA-Compatible" content="IE=9">

Maintenant, à savoir 10, et 9 formatez mon site Web correctement et affichez toutes les icônes impressionnantes de police correctement.

Si vous voulez toujours IE 8 COMPATE, vous pourriez commencer avec ceci: 

<meta http-equiv="X-UA-Compatible" content="IE=8">

espère que cela aide ...

  1. a ajouté ceci à htaccess."BROWROWERSMATCH ALLEDTER-SUPPORT DE SUPPORT DE SUPPORT DE SUPPORT DE BESTIONS X-UA-COMPATIBLE IE= 8 ENV= BEST-NORMES-SUPPORT"
  2. essayer de reconvertir la police électronique
  3. Mode de compactibilité DOC CHNAGE
  4. essayé fonction USLEP
  5. seinterval JS
  6. Ajouter un script HTML5 Google
  7. appelez CSS dans une partie du corps pour IE8
  8. Ajouter une classe de données-icon
  9. ad pseudo éléments js
  10. Ajouter des filtres PNG & SVG dans CSS
  11. Vérifiez que le type de police autorise le serveur

    mais fonctionne enfin lorsqu'il est ajouté

    .Sass et .less CSS

    fichiers

    codage heureux

Si vous utilisez IE8, il est nécessaire d'ajouter le script HTML5.JS comme: 

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Cela fonctionne pour moi, je suis sûr que cela fonctionnera.Liens de référence https://github.com/fortwesome/font-Awesome / Wiki / Dépannage # Mode de compatibilité Internet-Explorer

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top