Heim >Web-Frontend >CSS-Tutorial >Wie kann ich die Einschränkungen von Firefox bei der domänenübergreifenden Einbettung von Webschriftarten umgehen?

Wie kann ich die Einschränkungen von Firefox bei der domänenübergreifenden Einbettung von Webschriftarten umgehen?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-26 00:25:14339Durchsuche

How Can I Overcome Firefox's Restrictions on Cross-Domain Web Font Embedding?

Domänenübergreifende Web-Font-Einbettungen und die Sturheit von Firebug

Beim Versuch, ein zentralisiertes Font-Repository einzurichten, muss unbedingt sichergestellt werden, dass Schriftarten vorhanden sind über verschiedene Domänen hinweg abgerufen werden. Bestimmte Browser können jedoch Einschränkungen auferlegen, insbesondere im Fall von Subdomains.

In Ihrer Situation zeigt Firebug an, dass die Datei „font-face.css“ erfolgreich geladen wird, die Schriftart jedoch nicht korrekt gerendert wird. Dies liegt wahrscheinlich an der Firefox-Richtlinie gegen die domänenübergreifende Einbettung von Web-Schriftarten.

Um diese Hürde zu überwinden, fügen Sie den folgenden Code zur .htaccess-Datei 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>

Dieser Code gewährt allen Domänen die Berechtigung, auf die Schriftdateien zuzugreifen.

Außerdem haben Sie Bedenken geäußert, den Zugriff nur auf Sie selbst zu beschränken. Während die Access-Control-Allow-Origin-Spezifikation die Angabe einer bestimmten Domäne ermöglicht, gibt es derzeit keinen bekannten Browser, der die Origin-Header-Validierung unterstützt. Daher kann es für Sie schwierig sein, den gewünschten Grad an Exklusivität für das Schriftarten-Repository zu erreichen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Einschränkungen von Firefox bei der domänenübergreifenden Einbettung von Webschriftarten umgehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn