Warum werden meine Schriftarten in Firefox nicht geladen, wenn ich @font-face mit einer externen Domain verwende?

CSS @font-face Absolute URL von einer externen Domäne: Fehlerbehebung bei Problemen beim Laden von Schriftarten in Firefox

Problem:

Bei Verwendung der @font-face-Regel mit einer absoluten URL zum Laden von Schriftarten aus einer externen Domäne werden die Schriftarten Kann in Firefox 13.0.1 nicht geladen werden.

Analyse:

Firefox erfordert, dass Zugriffskontrollheader für Schriftarten festgelegt werden, die aus verschiedenen Domänen geladen werden. Insbesondere muss der Access-Control-Allow-Origin-Header entweder auf * oder auf die Domänen gesetzt werden, die die Schriftart anfordern dürfen.

Lösung:

Für Apache-Server: Fügen Sie der .htaccess-Datei den folgenden Code hinzu:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Dadurch wird der Access-Control-Allow-Origin-Header auf gesetzt *, sodass alle Domänen die Schriftarten anfordern können.

Zusätzliche Überlegungen:

• Wenn Sie Apache nicht verwenden, müssen Sie die Dokumentation zu Ihrem Browser konsultieren Klicken Sie auf eine bestimmte Serversoftware, um herauszufinden, wie Sie Zugriffskontroll-Header festlegen.
• Für Schriftarten, die auf verschiedenen Subdomains gehostet werden, müssen ebenfalls Zugriffskontroll-Header festgelegt werden korrekt.
• Stellen Sie sicher, dass die in Ihrem CSS verwendeten Schriftarten tatsächlich unter der angegebenen URL gehostet werden und über die richtigen Berechtigungen verfügen, damit der Webbrowser darauf zugreifen kann.

Das obige ist der detaillierte Inhalt vonWarum werden meine Schriftarten in Firefox nicht geladen, wenn ich @font-face mit einer externen Domain verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!