Mengapa Saya Tidak Boleh Memuatkan Fon @font-face daripada Domain Luaran dalam Firefox?

@font-face URL Mutlak daripada Domain Luaran: Menyelesaikan Masalah dalam Firefox

Menggabungkan fon luaran ke dalam tapak web anda menggunakan @font-face peraturan adalah penting untuk memastikan tipografi dan penjenamaan yang konsisten. Walau bagaimanapun, apabila mengehos fon anda pada domain luaran dan cuba memuatkannya dalam Firefox, anda mungkin menghadapi isu mengecewakan fon tidak dipaparkan dengan betul.

Masalah ini berpunca daripada fakta bahawa Firefox menguatkuasakan dasar asal yang sama. pada permintaan @font-face. Apabila cuba memuatkan fon daripada domain lain, penyemak imbas mencetuskan ralat melainkan fail fon disediakan dengan Pengepala Kawalan Akses.

Menyelesaikan Isu dalam Apache

Kepada selesaikan isu ini dan benarkan pemuatan fon silang asal dalam Firefox, anda perlu mengkonfigurasi pelayan web anda untuk menghantar pengepala yang sesuai. Untuk pelayan Apache, tambahkan kod berikut pada fail .htaccess anda dan mulakan semula pelayan:

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>

Konfigurasi ini akan menambah pengepala Access-Control-Allow-Origin yang diperlukan dengan nilai "*", membenarkan Firefox untuk memuatkan fon daripada domain luaran yang ditentukan.

Dengan pengepala ini disediakan, Firefox kini akan dapat mengakses dan memaparkan fon seperti yang dimaksudkan, memastikan pengalaman tipografi yang lancar dan konsisten merentas halaman web anda.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Memuatkan Fon @font-face daripada Domain Luaran dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!