Google-Warnung: Ressource als Schriftart interpretiert, aber mit Anwendung / Oktett-Stream vom Typ MIME übertragen

Ich habe in Google eine Warnung für mein Schriftbild:

Ressource als Schriftart interpretiert, aber mit MIME-Typ application / octet-stream übertragen: "... / Content / Fonts / iconFont.ttf".

Es funktioniert auch, wenn ich diese Warnung habe, aber ich bevorzuge es, diese Warnung zu vermeiden.

Hier ist meine Zollerklärung:

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

Ich suche bereits nach anderen Posts, habe aber bisher kein Glück.

Bitte beachten Sie, dass mein Server IIS von Microsoft ist.

Irgendeine Idee, wie ich diese Warnung vermeiden kann?

Vielen Dank.

Ein weiterer Ansatz hier: http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/

Verwenden Sie die folgenden Einstellungen in Ihrer web.config:

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

Sie müssen einem .htaccess / IIS die folgenden Typen hinzufügen:

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

Aktualisierter .woff-Typ von:

AddType application/x-font-woff .woff

(Vielen Dank an @renadeen in den Kommentaren unten für den Hinweis.)

Schauen Sie sich hier meine Antwort auf eine ähnliche Frage an: Schriftart nicht geladen

Von hier genommen: Schriftproblem in Chrom .

Vielen Dank für die obige Antwort @ 97ldave. Sie können diese Typen zu Ihrem IIS-WebServer-Konfigurationsabschnitt hinzufügen, wenn Sie sie nicht direkt zu Ihren MIME-Typen in Ihrem IIS-Setup hinzufügen möchten. Das Folgende zeigt ein Beispiel für das Hinzufügen nur des .woff-Typs, der in unserer Konfiguration fehlte. Dies behebt die Probleme mit den Schriftarten, die in der neuesten Version von Safari (6.0.3) auf meinem iMac nicht angezeigt werden.

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

Vielen Dank an Jon Samwell (meinen Kollegen), der das herausgefunden hat.

Für Nginx: (Pfad: /etc/nginx/mime.types)

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

Das brauchst du nicht application/vnd.ms-fontobject eot; weil es bereits existiert.

Nach diesem Neustart Nginx: service nginx restart

Getan.

Richtige MIME-Typen für Schriftarten sind:

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

Wenn Sie einen Server mit nodeJS ausführen, ist dies ein nützliches Modul zum Zuordnen Ihrer MIME-Typen

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'

Vielen Dank an @ the-senator und @ 97ldave für ihre Antworten

Für mich verschwindet der Fehler vollständig, sobald diese Zeilen zur web.config hinzugefügt wurden

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