Warum funktioniert mein CSS „@font-face' nicht in Firefox, aber in Chrome und IE?

CSS @font-face funktioniert nicht in Firefox, funktioniert aber in Chrome und IE

Es treten Probleme mit der @font-face-Funktionalität auf in Firefox, während es in Chrome und IE reibungslos funktioniert, kann verwirrend sein. Dieser Artikel befasst sich mit möglichen Ursachen und Lösungen.

Lokales Ausführen der Site (file:///)

Firefox erzwingt eine strenge Richtlinie für „Datei-URI-Ursprung“. Um sein Verhalten an andere Browser anzupassen, ändern Sie die folgende Einstellung in about:config:

• security.fileuri.strict_origin_policy

Ändern Sie den Wert auf „false“, um das pfadübergreifende Laden lokaler Schriftartressourcen zu ermöglichen.

Veröffentlichte Site

Für veröffentlichte Sites sollten Sie das Hinzufügen einer zusätzlichen Schriftart in Betracht ziehen Header in .htaccess, um potenzielle domänenübergreifende Probleme zu beheben Probleme:

<FilesMatch ".(ttf|otf|eot)$"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Nach dem Login kopieren

Alternativ können Sie auch erkunden die Verwendung der Base64-Kodierung für Schriftarten als Problemumgehung.

Das obige ist der detaillierte Inhalt vonWarum funktioniert mein CSS „@font-face' nicht in Firefox, aber in Chrome und IE?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!