Pourquoi ma déclaration @font-face affiche-t-elle un type MIME incorrect dans Chrome ?

La déclaration 'font-face' affiche un type MIME incorrect dans Chrome

Lors de l'utilisation de la déclaration @font-face ci-dessous :

<code class="css">@font-face {
    font-family: SolaimanLipi;
    src: url("font/SolaimanLipi_20-04-07.ttf");
}</code>

elle fonctionne parfaitement dans Firefox mais échoue dans Chrome. Lors de l'inspection de l'élément, le message suivant apparaît :

Resource interpreted as font but transferred with MIME type application/octet-stream.

Pour résoudre ce problème de compatibilité entre navigateurs, considérez la déclaration polyvalente @font-face suggérée par Paul Irish :

<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>

Cette déclaration s'adresse à différents navigateurs en proposant :

• .eot pour Internet Explorer
• .woff ou .ttf pour les autres navigateurs

Pour générer ces polices types de la source d'origine, utilisez le générateur de polices de caractères de Font Squirrel.

De plus, ajoutez un fichier .htaccess pour définir les types de polices :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!