Mengapakah saya Mendapat \'Sumber ditafsirkan sebagai fon tetapi dipindahkan dengan aplikasi jenis MIME/octet-stream\' dalam Chrome Apabila Menggunakan @font-face?

Jenis MIME yang salah untuk @font-face dalam Chrome

Apabila cuba melaksanakan fon tersuai menggunakan pengisytiharan @font-face dalam Chrome , pembangun mungkin menghadapi mesej ralat yang menunjukkan "Sumber ditafsirkan sebagai fon tetapi dipindahkan dengan aplikasi jenis MIME/strim oktet." Isu ini berpunca daripada ketidakpadanan antara jenis MIME fail fon dan jenis yang dijangkakan yang dinyatakan dalam pengisytiharan.

Untuk menyelesaikan percanggahan ini, pengisytiharan @font-face yang komprehensif boleh digunakan yang memenuhi keperluan penyemak imbas yang berbeza . Pengisytiharan silang penyemak imbas berikut memastikan keserasian dengan Chrome dan Firefox:

<code class="css">@font-face {
  font-family: 'Font Name';
  src: url('FontName.eot');
  src: local('☺'),
         url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype');
}</code>

Fail .eot ditetapkan untuk Internet Explorer, manakala penyemak imbas lain menggunakan sama ada format .woff atau .ttf. Untuk menjana format berbeza ini daripada fon sumber anda, pertimbangkan untuk memanfaatkan penjana muka fon Font Squirrel.

Selain itu, fail .htaccess harus dikonfigurasikan untuk menentukan jenis MIME yang berkaitan untuk fail fon:

<code class="htaccess">AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff</code>

Dengan mengikut pengesyoran ini, anda boleh memastikan fon tersuai anda dipaparkan dengan betul merentas pelbagai penyemak imbas, termasuk Chrome.

Atas ialah kandungan terperinci Mengapakah saya Mendapat \'Sumber ditafsirkan sebagai fon tetapi dipindahkan dengan aplikasi jenis MIME/octet-stream\' dalam Chrome Apabila Menggunakan @font-face?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!