CSS3111 d'erreur lors de l'incorporation de FontAwesome police dans IE8
Je suis à l'aide de FontAwesome (http://fortawesome.github.com/Font-Awesome/) comme une police web sur ma page:
http://www.jungledragon.org/apps/jd3/
Mon problème est que la police ne parvient pas à charger dans IE8 (mode normes), au lieu place de blocs sont affichés. Depuis ces icônes sont essentielles pour la conception, je suis impatient de le corriger.
J'ai fait des recherches beaucoup de questions et de réponses déjà, permettez-moi de vous dire ce que j'ai fait pour résoudre ce problème. Tout d'abord, je suis en utilisant le format recommandé pour l'incorporation de cette police:
@font-face {
font-family: 'FontAwesome';
src: url('../type/fontawesome-webfont.eot');
src: url('../type/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('../type/fontawesome-webfont.woff') format('woff'),
url('../type/fontawesome-webfont.ttf') format('truetype'),
url('../type/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
C'est la norme de facto pour le chargement des polices x-navigateur, et le même résultat généré par des outils tels que FontSquirrel. Le type d'annuaire est par rapport à mon CSS répertoire, et cette police se charge dans tous les navigateurs, sauf IE8.
Deuxième, j'ai de la croix de domaine origines activé (SCRO), donc ce n'est certainement pas la question.
Certaines personnes suggèrent que le chargement du html5 shiv peuvent interférer avec IE8 chargement de la police, mais le retrait de la shiv chargement ensemble ne fonctionne toujours pas faire la différence.
Le site est en cours d'exécution sur Apache2, ajout de types mime semblent pas faire de différence pour le résultat. Aussi, je peux confirmer que je peux télécharger le fichier eot à partir de IE8 à l'aide de la voie directe, de sorte que le fichier est certainement accessible.
Je n'ai aucune idée de ce que je fais de mal, mais il doit être quelque chose sur ma fin. La raison en est simple: l'ouverture officielle de FontAwesome site web à partir d'IE8 va charger la police de l'amende juste. En outre, la police secondaire que j'utilise (celui utilisé dans le logo du site) rend aussi très bien. Cette seconde police vient de Google webfonts, alors que la fontawesome police est hébergé sur le même domaine que le site.
Je suis à cours d'idées sur la façon de résoudre ce problème, des indices?
Mise à jour: je dois ajouter que dans internet explorer barre d'outils du développeur, c'est l'erreur que j'obtiens:
CSS3111: @font-face a rencontré une erreur inconnue.
fontawesome-webfont.eot
J'ai trouvé cet article de discuter de l'erreur:
...pourtant je ne vois pas de solution à l'intérieur qui m'aide.
OriginalL'auteur Ferdy | 2013-01-24
Vous devez vous connecter pour publier un commentaire.
En fin de compte, cette réponse a résolu mon problème:
https://stackoverflow.com/a/12459447/80969
J'ai dû modifier le fichier ttf qui est venu avec la fontawesome télécharger le pack à l'aide d'un obscur police d'édition de programme. Là j'ai renommé le "Human nom de la police" pour être le même que tous les autres "nom". Ensuite, j'ai utilisé http://www.font2web.com/ pour générer un nouveau .eot fichier et intégrée dans le projet, en gardant tout de même. Et hop, ça marche!!!
Il ressemble à ma version de font-awesome a eu le problème construit à droite dans le téléchargement.
Mon (FontAweomse) la police ne travaille pas du tout dans IE8 et IE9 qu'il travaillait, encore causant l'erreur ci-dessus. Cette (re-création de l' .eot) a résolu ces deux problèmes. Merci pour le lien!
J'ai aussi rencontré ce même problème, j'ai compilé le fixe EOT fichier et partagé ici: gist.github.com/vjt/7436066. J'espère que cela sauve quelqu'un le très mauvais temps que j'ai passé les combats avec FontForge sur Windows.
OriginalL'auteur Ferdy
Pourrait être utile de vérifier http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/ aussi.
OriginalL'auteur Tien Do