10
votes

Font génial ne fonctionne pas dans Firefox et IE

J'ai un problème avec la police génial qui est inclus dans un site WordPress. Dans Firefox et c'est-à-dire, les icônes ne manifestent pas du tout, cependant, à Chrome & Safari, cela fonctionne bien.

J'ai trouvé des "solutions" qui disent que j'ai besoin d'un .htaccess avec certains contenus pour fournir un soutien à ces navigateurs, cependant, Si j'utilise cette approche, Safari et Chrome ont soudainement des problèmes eux-mêmes et Firefox et IE ne fonctionnent toujours pas.

Est-ce que quelqu'un a des idées supplémentaires?

Voici le message d'erreur mis Out par le journal d'erreur Firefox Dev enfoncé lors du chargement de mon site:

FEHLER: FONTLEDABLE FONT: Échec du téléchargement (Font-famille: "Font-famille:" Icomoon "Style: Poids normal: Stretch normal: index src normal: 2): Bad Uri ou accès inter-site non autorisé Source: http://mysite.de/wp-content/thème /heat/font/icomoo/icomoon.woff Quelldatei: http://mysite.de/wp-content/themes/heat/style .CSS ZEILE: 0 Quelltext: @ Font-Face {Font-famille: "Icomoon"; Style de police: normal; Poids de la police: normal; SRC: URL ("FONTS / ICOMOON / ICOMOONE.EOT? #FIX") FORMAT ("EMBEDDED-OPENTYPEYPE"), URL (Polices / ICOMOON / ICOMOON.SVG # ICOMOON ") Format (" SVG "), URL (" Forme des polices / ICOMOON / ICOMOON.WOFF ") Format (" Woff "), URL (" FONTS / ICOMOON / ICOMOON.TTF ") Format (" TrueType "); }
Merci pour votre aide!
P.s. Les icônes du site Web génial de police fonctionnent bien à FF à la manière.

MISE À JOUR *
OK Après avoir lu beaucoup de postes de forum sur ce numéro, je suis arrivé à la conclusion suivante: La plupart des gens ont cette question parce qu'ils chargent leurs polices d'un serveur externe. En ajoutant le code .htaccess pour permettre à FF de faire cela, ils résolvent leur problème. Maintenant, depuis que je charge mes polices de mon propre serveur, l'approche .htaccess n'a pas aidé. Qu'avez-vous été débarrassé du message d'erreur ci-dessus ci-dessus, changeait la voie de la police dans la CSS d'un par rapport à un chemin absolu. Maintenant, la chose drôle est - le message d'erreur ne s'affiche plus plus lors du chargement du site, mais les icônes ne le font pas non plus! toujours pas de changement, mais aucun message d'erreur. Je suis confus!

Mise à jour 2 *
J'ai trouvé un correctif -
Après avoir changé tous les chemins de la CSS de par rapport à Absolute (c'est-à-dire www.mysite.de/fonts / ... au lieu de tout simplement / polices / ...) et ajout du fichier .htaccess contenant les lignes suivantes: xxx
au répertoire / polices, tout fonctionne bien dans Firefox, Chrome et Safari. Je n'ai pas eu la chance de vérifier c'est à dire, mais il semble que c'était la question.
J'espère que quelqu'un qui traverse les mêmes problèmes obtiendra de l'aide de cela.

fonts firefox internet-explorer

1 commentaires

J'ai le même problème. Les polices fonctionnent bien lorsque j'utilise moins les fichiers au lieu de CSS (je travaille dans ASP MVC 4).

4 Réponses :

2
votes

Si vous êtes comme moi, la modification d'un fichier web.config est quelque chose que vous n'êtes pas autorisé à toucher.

essayez de stocker tous les fichiers de police (.Eot, .ttf, etc.) dans leur propre dossier local, et lier-leur localement au lieu de la Fontaweomeome CDN. Effacée dans IE et FF pour moi à chaque fois. P>

@font-face{ font-family:'FontAwesome'; src:url('../_fonts/fontawesome-webfont.eot'); }

0 commentaires

9
votes

Je sais que c'est un ancien poste, mais cela m'a aidé à comprendre certains problèmes.

J'ai la configuration Apache standard et Mod_headers activé. P>

J'ai un / code> dossier dans le document_root code>, ajout d'un .htaccess code> dans ce dossier ( /font/.htacaccess code>) avec le contenu Suggéré par Markus a travaillé sur tous les navigateurs: P>

<FilesMatch ".(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

1 commentaires

Cela a résolu mes problèmes. Font génial n'était pas montrant à Godaddy mais était sur l'hôte local. Ajouté cela à mon .htaccess et tout fonctionne maintenant.

2
votes

Vous devez ajouter une règle locale si vous souhaitez que Firefox utilise la police lorsqu'il est installé sur l'ordinateur. Voir https://developer.mozilla.org/web/css/@font-face < / a>. xxx

0 commentaires

1
votes

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
Add this line to the header.php file of the theme you are using. This fix worked for me.

0 commentaires