web-dev-qa-db-fra.com

Police Awesome n'apparaissant pas dans Internet Explorer 8

Nous avons récemment développé un site Web faisant largement appel à Font Awesome dans le cadre de sa conception. Nous utilisons l'implémentation standard avec before: content et le CSS fourni.

Pour une raison quelconque, Font Awesome ne s'affiche pas dans IE8. J'ai passé de nombreuses heures à dépanner et essayer diverses solutions, sans succès.

J'ai:

  • Définissez le type MIME d’EOT sur application/vnd.ms-fontobject
  • Définissez le type MIME de OTF, TTF sur application/octet-stream
  • Exécuté HTML5Shiv après que tout le CSS ait été chargé.
  • Diverses tentatives pour recharger le CSS ou le DOM au chargement de la page

Voici le site: http://www.tetakere.org.nz - la zone de liens dynamiques est un bon exemple de Font Awesome

Quelqu'un a-t-il des idées sur d'autres approches pour que ce site Web affiche Font Awesome?

internet-explorer-8font-awesome
15
BaronGrivet

Après un dépannage douloureux, j'ai finalement résolu le problème.

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

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

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

Changé la tête ...

Ce qui a fonctionné pour moi a été:

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

Cela a également fonctionné (dernière réponse à laquelle j'ai fait référence):

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

De plus, j'ai lu ( Forcer le mode de compatibilité IE au moyen de balises ) selon lequel vous devriez placer cette balise méta avant toutes les autres balises méta et avant toute instruction conditionnelle IE; sinon la balise meta sera invalidée.

9
awl19

Je n'avais pas besoin de html5shiv pour que Font Awesome fonctionne dans IE8 ..___. Cette réponse (recréer le fichier .eot et remplacer l'ancien) a résolu mon problème.

2
Christof

J'ai tout essayé, de la modification de ma configuration Apache aux fichiers .htaccess sans succès. Dans les outils de développement IE, je suis tombé sur le "Mode document" et le paramètre 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, IE 10 et 9 formatent correctement mon site Web et affichent correctement toutes les icônes Font Awesome.

Si vous voulez toujours IE 8 compat, vous pouvez commencer avec ceci:

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

J'espère que cela pourra aider...

2
prodigerati

Si vous utilisez IE8, il est nécessaire d’ajouter le script html5.js tel que:

<!--[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érences https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#internet-Explorer-compatibility-mode

0
bheru mehta
  1. Ajouté ceci à htaccess. "BrowserMatch MSIE - Ensemble d'en-têtes compatible avec les meilleurs standards supportant X-UA = 8 env = meilleur supportant les standards"
  2. en essayant de reconvertir la police eot
  3. doc mode de compactibilité chnage
  4. essayé fonction de veille
  5. setInterval js
  6. ajouter un script google html5
  7. appel css dans la partie du corps pour ie8
  8. ajouter une classe d'icônes de données
  9. pseudo-éléments d'annonce js
  10. ajouter des filtres png & svg en css
  11. vérifier le type de police Permission in server

mais fonctionne finalement quand ajouté 

.sass et .less css

des dossiers 

codage heureux

0
Web Designer cum Promoter