Mengapa CSS Saya `@font-face` Tidak Berfungsi dalam Firefox, Tetapi Berfungsi dalam Chrome dan IE?

CSS @font-face Tidak Berfungsi dalam Firefox tetapi Berfungsi dalam Chrome dan IE

Menghadapi masalah dengan fungsi @font-face dalam Firefox semasa ia beroperasi dengan lancar dalam Chrome dan IE boleh membingungkan. Artikel ini akan menyelidiki kemungkinan punca dan penyelesaian.

Menjalankan Tapak Secara Tempatan (fail:///)

Firefox menguatkuasakan dasar yang ketat untuk "asal uri fail." Untuk menyelaraskan kelakuannya dengan penyemak imbas lain, ubah suai keutamaan berikut dalam about:config:

• security.fileuri.strict_origin_policy

Tukar nilainya kepada "false" untuk membenarkan pemuatan rentas laluan fon tempatan sumber.

Tapak Diterbitkan

Untuk tapak yang diterbitkan, pertimbangkan untuk menambah pengepala tambahan dalam .htaccess untuk menangani kemungkinan merentas domain isu:

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Sebagai alternatif, anda boleh meneroka penggunaan pengekodan base64 untuk muka taip fon sebagai a penyelesaian.

Atas ialah kandungan terperinci Mengapa CSS Saya `@font-face` Tidak Berfungsi dalam Firefox, Tetapi Berfungsi dalam Chrome dan IE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!