Google avvertimento: Risorsa interpretato come carattere, ma trasferito con l'applicazione tipo MIME/octet-stream

Question

Ho un avvertimento in Google per il mio font-face:

Risorsa interpretato come carattere, ma trasferito con l'applicazione tipo MIME/octet stream: ".../Content/Fonts/iconFont.ttf".

Funziona anche se ho questo avviso ma preferisco evitare questo avviso.

Qui è la mia dichiarazione:

@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; 
} 

ho già ricerca su altri messaggi, ma senza fortuna finora.

Si noti che il mio server è IIS di Microsoft.

Qualche idea su come posso evitare questo avviso?

Grazie.

Answer 1

un altro approccio qui: http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/

applicazioni inferiori impostazioni sul web.config:

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

Answer 2

è necessario aggiungere i seguenti tipi a un .htaccess/IIS:

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

Aggiornato Tipo .woff da:

AddType application/x-font-woff .woff 

(Grazie a @renadeen nei commenti qui sotto per indicare questo fuori.)

Controlla la mia risposta a una domanda simile qui: Font Face not loaded

Preso da qui: font-face problem in chrome.

Answer 3

Grazie per la risposta di cui sopra @ 97ldave, è possibile aggiungere questi tipi alla sezione di configurazione del server web IIS se si preferisce non aggiungerli direttamente ai tipi MIME nella configurazione di IIS. Quanto segue mostra un esempio di aggiunta del solo tipo .woff che mancava dalla nostra configurazione. Ciò risolveva i problemi con i caratteri non visualizzati nell'ultima versione di Safari (6.0.3) sul mio iMac.

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

Grazie a Jon Samwell (il mio collega) per averlo scoperto.

Answer 4

Per Nginx: (percorso: /etc/nginx/mime.types)

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

non avete bisogno application/vnd.ms-fontobject eot; perché esiste già.

Dopo che il riavvio Nginx: service nginx restart

Done.

Answer 5

tipi MIME corretto per i caratteri sono:

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

Answer 6

Se si esegue un server con nodeJS, questo è un modulo bello mappare i tipi mime

https://github.com/broofa/node-mime

var mime = require('mime'); 

mime.lookup('/path/to/file.txt');   // => 'text/plain' 
mime.lookup('file.txt');     // => 'text/plain' 
mime.lookup('.TXT');      // => 'text/plain' 
mime.lookup('htm');      // => 'text/html' 

mime.extension('text/html');     // => 'html' 
mime.extension('application/octet-stream'); // => 'bin' 

Answer 7

Grazie a @ the-senator e @ 97ldave per le loro risposte

per me l'errore completamente sparire subito dopo l'aggiunta di queste righe al web.config

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