Mengapa Saya Tidak Boleh Memuatkan Fon Daripada Domain Luaran dalam Firefox?

CSS @font-face Isu Pemuatan Fon URL Mutlak dalam Firefox

Latar Belakang:

Apabila menggunakan peraturan CSS @font-face dengan URL mutlak untuk menentukan fon yang dihoskan pada domain lain, anda mungkin menghadapi isu dengan pemuatan fon dalam Firefox. Ini boleh mengecewakan, terutamanya apabila anda inginkan penggayaan yang konsisten merentas berbilang tapak.

Punca dan Penyelesaian Punca:

Firefox mengehadkan pemuatan fon daripada domain luaran kerana keselamatan kebimbangan. Untuk menyelesaikan masalah ini, pelayan hos fon mesti menyertakan Pengepala Kawalan Akses, khususnya Access-Control-Allow-Origin ditetapkan kepada '*' atau domain tertentu yang dibenarkan.

Untuk pelayan web Apache, tambahkan kod berikut pada . fail htaccess:

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>

Sebaik sahaja anda memulakan semula pelayan, Firefox akan dapat memuatkan fon daripada domain luaran, menyelesaikan pemuatan isu.

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