Wie lade ich Schriftarten domänenübergreifend mit @font-face in Firefox?

Domänenübergreifendes Laden von Schriftarten mit @font-face

Ein Entwickler stieß auf den Versuch, ein zentrales Schriftarten-Repository für mehrere Websites einzurichten Ein besonderes Problem: Auf @font-face-Schriftarten konnte nur in der Subdomain zugegriffen werden, in der sich das Repository befand. Trotz erfolgreicher Verknüpfung mit „font-face.css“ auf anderen Websites konnten die Schriftarten nicht geladen werden.

Ursache

Dieses Verhalten ist auf die Sicherheitsrichtlinie von Firefox zurückzuführen, die Cross- Das Einbetten von Domain-Schriftarten ist schädlich.

Lösung

An Um diese Einschränkung zu umgehen, fügen Sie den folgenden Code zur .htaccess-Datei der obersten Ebene auf der Subdomain hinzu, die die Schriftarten hostet:

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

Zugriffsbeschränkungen

Während die geänderte . Da htaccess allen Websites den Zugriff auf die Schriftarten ermöglicht, äußerte der Entwickler den Wunsch, den Zugriff nur auf autorisierte Benutzer zu beschränken. Allerdings beschränkt die W3C-Spezifikation für Access-Control-Allow-Origin die Optionen auf einen Platzhalter „*“ oder eine bestimmte Domäne.

Das obige ist der detaillierte Inhalt vonWie lade ich Schriftarten domänenübergreifend mit @font-face in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!