Bagaimana untuk Memuatkan Fon Merentasi Domain dengan @font-face dalam Firefox?

Fon Merentas Domain Memuatkan dengan @font-face

Dalam percubaan untuk mewujudkan repositori fon pusat untuk berbilang tapak web, pembangun menemui isu pelik: fon @font-face hanya boleh diakses pada subdomain tempat repositori berada. Walaupun berjaya memaut ke font-face.css di tapak lain, fon gagal dimuatkan.

Punca

Tingkah laku ini berpunca daripada dasar keselamatan Firefox, yang menganggap silang- pembenaman fon domain berbahaya.

Penyelesaian

Untuk mengatasi sekatan ini, tambahkan kod berikut pada fail .htaccess peringkat atas pada subdomain yang mengehoskan fon:

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

Sekatan Akses

Semasa .htaccess yang diubah suai membolehkan semua tapak web mengakses fon, pembangun menyatakan hasrat untuk menyekat akses kepada pengguna yang dibenarkan sahaja. Walau bagaimanapun, spesifikasi W3C untuk Access-Control-Allow-Origin mengehadkan pilihan kepada kad bebas "*" atau domain tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Fon Merentasi Domain dengan @font-face dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!