Avertissement Google: ressource interprétée comme une police mais transférée avec le type MIME application / octet-stream

Question

J'ai un message d'avertissement dans Google pour mon type de police:

Ressources interprété comme de la Police, mais transféré, avec le type MIME application/octet-stream: ".../Contenu/Fonts/iconFont.ttf".

Il fonctionne même si j'ai ce message d'avertissement mais je préfère éviter cet avertissement.

Voici ma déclaration:

@font-face {
  font-family: 'iconFont';
     src: url('../Fonts/iconFont.eot?#iefix') format('embedded-opentype'), 
     url('../Fonts/iconFont.svg#iconFont') format('image/svg+xml'), 
     url('../Fonts/iconFont.woff') format('font/x-woff'), 
     url('../Fonts/iconFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

J'ai déjà chercher sur d'autres postes, mais pas de chance jusqu'à présent.

Veuillez noter que mon serveur IIS de Microsoft.

Une idée de comment puis-je éviter cet avertissement?

Merci.

Answer 1

Vous devez ajouter les types suivants d'une .htaccess/IIS:

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

Mis à jour .woff type de:

AddType application/x-font-woff .woff

(Merci à @renadeen dans les commentaires ci-dessous pour le rappeler.)

Découvrez ma réponse à une question similaire ici: Face à la Police n'est pas chargé

Prises à partir d'ici: font-face problème dans chrome.

Answer 2

Merci pour la réponse ci-dessus @ 97ldave, vous pouvez ajouter ces types à la section de configuration de votre serveur Web IIS si vous préférez ne pas les ajouter directement à vos types MIME dans votre configuration IIS. Voici un exemple d’ajout du type .woff manquant dans notre configuration. Cela corrigeait les problèmes avec les polices n'apparaissant pas dans la dernière version de Safari (6.0.3) sur mon iMac.

 <system.webServer>
<staticContent>
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>
 

Merci à Jon Samwell (mon collègue) de l’avoir découvert.

Answer 3

Pour Nginx: (chemin: /etc/nginx/mime.types)

 font/ttf                         ttf;
font/otf                         otf;
application/x-font-woff          woff;
 

Vous n'avez pas besoin de application/vnd.ms-fontobject eot; car il existe déjà.

Après cela, redémarrez Nginx: service nginx restart

Terminé.

Answer 4

une autre approche sur ici: http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/

utilisez les paramètres ci-dessous sur votre web.config:

 <system.webServer>
<staticContent>
  <mimeMap fileExtension=".woff" mimeType="application/font-woff"/>
</staticContent>
</system.webServer>
 

Answer 5

Les types MIME corrects pour les polices sont les suivants:

 application/font-ttf              ttf;
application/font-otf              otf;
application/font-woff             woff;