masterlevel

Tja, der gewählte wunderschöne Webfont funktioniert sauber im Chrome aber partout nicht nicht im Firefox? Oder im Internet-Explorer? Folgendes könnte zur Lösung beitragen, bei mir hat es so gepasst:

Es geht um CORS (Cross-Origin Resource Sharing) oder genauer gesagt um das Thema CORS aktivieren.

Folgende Fehlermeldungen traten auf:

Im Firefox:

Cross-Origin-Anfrage blockiert: Die Same-Origin-Regel verbietet, die externe Ressource auf http://www.meinedomain.de/webfont.woff zu lesen.
Dies kann gelöst werden, indem die Ressource auf die gleiche Domain geschoben wird oder CORS aktiviert wird.

oder im IE

„Fehler bei der ursprungsübergreifenden Anforderung in „@font-face“. Der Ressourcenzugriff ist eingeschränkt.“

Die Lösung:  in die .htaccess das hier hinzufügen:

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

und den Browser neu starten!

Anstatt

http://localhost

muss natürlich die entsprechende Domain stehen.

(Noch ein Hinweis am Rande: auf einer Seite fand sich im Quellcode „<meta http-equiv=“X-UA-Compatible“ content=“IE=8″ />“ … das musste auch raus. Erst dann funktionierte der Webfont auch im Internet-Explorer.)