Font Awesome funktioniert nicht in Firefox & IE

Ich habe ein Problem mit font awesome, das enthalten ist in eine wordpress-Website.
Im Firefox und IE die Symbole zeigen nicht an allen, aber in Chrome & Safari funktioniert es einwandfrei.

Habe ich gefunden "Lösungen", die sagen, ich brauche eine .htaccess mit bestimmten Inhalten, um Unterstützung für diesen Browser, aber wenn ich diesen Ansatz verwenden, Safari und Chrome sind plötzlich Probleme mit sich selbst und Firefox und IE sind immer noch nicht funktioniert.

Hat jemand weitere Ideen?

Hier ist die Fehlermeldung der firefox-dev-error-log beim laden meiner Website:

Fehler: downloadable font: download ist fehlgeschlagen (font-family: "icomoon" style:normal weight:normal stretch:normal src index:2): bad URI oder cross-site-Zugriff nicht erlaubt
Quelle: http://mysite.de/wp-content/themes/heat/fonts/icomoon/icomoon.woff
Quelldatei: http://mysite.de/wp-content/themes/heat/style.css
Zeile: 0
Quelltext:
@font-face { font-family: "icomoon"; font-style: normal; font-weight: normal; src: url("fonts/icomoon/icomoon.eot?#iefix") format ('embedded-opentype"), url("fonts/icomoon/icomoon.svg#icomoon") format("svg"), url("fonts/icomoon/icomoon.woff") format("woff"), url("fonts/icomoon/icomoon.ttf") format("truetype"); }

Danke für deine Hilfe!!!

P. S. Die Symbole auf der font awesome-Webseite funktionieren im FF übrigens.

• UPDATE *

ok, nach der Lektüre eine Menge der Beiträge im forum zu diesem Thema habe ich zu folgendem Schluss gekommen:
die meisten Menschen haben dieses Problem, weil Sie laden Ihre Schriften von einem externen server. durch hinzufügen der .htaccess code zu ermöglichen, FF, genau das zu tun, sind Sie der Lösung Ihrer Frage. nun, da bin ich laden meine Schriften aus meiner eigenen server, der .htaccess Ansatz hat mir nicht geholfen. was hat loszuwerden, die Fehlermeldung oben gezeigt wird, war jedoch die änderung der Pfad zu der schriftart in der css von einer relativen in einen absoluten Pfad. jetzt das lustige an der Sache ist -- die Fehlermeldung erscheint nicht mehr, wenn die Seite zu laden, aber die icons nicht an! immer noch keine Veränderung, aber keine Fehlermeldung. Ich bin verwirrt!

• UPDATE 2 *

Fand ich einen fix --

Nach ändern der Pfade in der css von der relativen zur absoluten (D. H. www.mysite.de/fonts/... anstatt nur /fonts/...) UND das hinzufügen des .htaccess-Datei mit folgenden Zeilen:

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

den /fonts Verzeichnis, funktioniert alles wunderbar in Firefox, Chrome und Safari. Noch nicht hatte eine chance zu überprüfen IE dennoch, aber es scheint, dass dies war das Problem.

Hoffe, jemand läuft in die gleichen Probleme bekommen wird einigen helfen, aus diesem.

InformationsquelleAutor mee | 2013-07-24