Warum kann ich in Firefox keine Schriftarten von externen Domänen laden?

CSS @font-face Absolute URL-Schriftartladeprobleme in Firefox

Hintergrund:

Wenn Sie die CSS-Regel @font-face mit einer absoluten URL verwenden, um eine Schriftart anzugeben, die auf einer anderen Domäne gehostet wird, können Probleme beim Laden der Schriftart in Firefox auftreten. Dies kann frustrierend sein, insbesondere wenn Sie ein einheitliches Design auf mehreren Websites wünschen.

Ursache und Lösung:

Firefox schränkt aus Sicherheitsgründen das Laden von Schriftarten aus externen Domänen ein Anliegen. Um dieses Problem zu beheben, muss der Font-Hostserver Zugriffskontrollheader enthalten, insbesondere Access-Control-Allow-Origin, das auf „*“ gesetzt ist, oder bestimmte zulässige Domänen.

Fügen Sie für Apache-Webserver den folgenden Code zu Ihrem hinzu. htaccess-Datei:

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>

Sobald Sie den Server neu starten, kann Firefox die Schriftarten aus der externen Domäne laden, wodurch die Ladeprobleme behoben werden.

Das obige ist der detaillierte Inhalt vonWarum kann ich in Firefox keine Schriftarten von externen Domänen laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!