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

CSS @font-face URL Mutlak daripada Domain Luaran: Menyelesaikan Isu Pemuatan Fon dalam Firefox

Dalam percubaan untuk membangunkan bahagian kedai pada Shopify, pengguna menghadapi masalah apabila fon yang dihoskan pada pelayan Pagodabox yang berasingan gagal dimuatkan dalam Firefox versi 13.0.1. CSS mereka menggunakan URL mutlak untuk merujuk fon dan mereka meminta bantuan untuk menentukan sumber isu.

Firefox menguatkuasakan langkah keselamatan yang menyekat pemuatan fon daripada domain luaran menggunakan @font-face. Apabila sumber fon terletak pada pelayan yang berbeza, ia mesti disertakan dengan Pengepala Kawalan Akses, khususnya pengepala Access-Control-Allow-Origin yang ditetapkan kepada sama ada '*' atau domain yang dibenarkan.

Untuk menangani perkara ini isu, penyelesaiannya melibatkan penambahan konfigurasi Apache pada fail .htaccess dan memulakan semula pelayan. Berikut ialah contoh:

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>

Dengan menambahkan konfigurasi yang ditentukan pada fail .htaccess, Firefox akan mengenali Pengepala Kawalan Akses dan membenarkan fon yang dihoskan pada domain Pagodabox luaran berjaya dimuatkan.

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