Mengapa Fon Tersuai Saya Dipaparkan dalam Firefox tetapi Bukan Chrome?

Chrome Tidak Memaparkan Fon Tersuai: Jenis MIME Tidak Padan

Isu:

Pengisytiharan fon tersuai menggunakan @font-face dipaparkan dengan betul dalam Firefox tetapi gagal dalam Chrome. Chrome melaporkan ralat: "Sumber ditafsirkan sebagai fon tetapi dipindahkan dengan aplikasi jenis MIME/oktet-strim."

Jawapan:

Pelayar yang berbeza mempunyai sokongan fon yang berbeza-beza. Untuk memastikan keserasian merentas penyemak imbas, gunakan pengisytiharan @font-face komprehensif yang merangkumi berbilang format fon:

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

Format .eot adalah untuk Internet Explorer, manakala penyemak imbas yang lain menggunakan .woff atau .ttf . Hasilkan format fon yang berbeza menggunakan penjana muka fon Font Squirrel jika perlu.

Selain itu, tambahkan fail .htaccess pada direktori tempat fon berada dan sertakan jenis MIME berikut:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

Atas ialah kandungan terperinci Mengapa Fon Tersuai Saya Dipaparkan dalam Firefox tetapi Bukan Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!