Heim >Web-Frontend >CSS-Tutorial >Warum funktioniert mein CSS „@font-face' nicht in Firefox, 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.
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:
Ändern Sie den Wert auf „false“, um das pfadübergreifende Laden lokaler Schriftartressourcen zu ermöglichen.
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> <pre class="brush:php;toolbar:false"><IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule>
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!