Предупреждение Google: ресурс, интерпретируемый как шрифт, но переданный с помощью приложения типа MIME / октетного streamа

У меня есть предупреждение в Google для моего шрифта:

Ресурс интерпретируется как «Шрифт», но передается с типом MIME-типа / октетом-streamом: «… / Content / Fonts / iconFont.ttf».

Он работает, даже если у меня есть это предупреждение, но я предпочитаю избегать этого предупреждения.

Вот моя декларация:

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

Я уже ищу другие сообщения, но пока не повезло.

Обратите внимание, что мой сервер – IIS от Microsoft.

Любая идея, как я могу избежать этого предупреждения?

Благодарю.

другой подход здесь: http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/

используйте ниже настроек на вашем web.config:

Вам нужно добавить следующие типы в .htaccess / IIS:

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

Обновлен .woff-тип от:

 AddType application/x-font-woff .woff

(Спасибо @renadeen в комментариях ниже, указав это.)

Посмотрите мой ответ на аналогичный вопрос здесь: Font Face не загружен

Взято отсюда: проблема шрифта в хроме .

Спасибо за приведенный выше ответ @ 97ldave, вы можете добавить эти типы в свой раздел конфигурации IIS webServer, если не хотите добавлять их непосредственно к вашим типам MIME в настройке IIS. Ниже приведен пример добавления только того типа .woff, который отсутствовал в нашей конфигурации. Это устранило проблемы с шрифтами, не появляющимися в последней версии Safari (6.0.3) на моем iMac.

Спасибо Jon Samwell (мой коллега) за то, что вы узнали об этом.

Для Nginx: (Путь: /etc/nginx/mime.types)

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

Вам не нужно application/vnd.ms-fontobject eot; потому что он уже существует.

После этого перезапустите Nginx: service nginx restart

Готово.

Правильные типы MIME для шрифтов:

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

Если вы запустите сервер с nodeJS, это хороший модуль для сопоставления типов 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'

Спасибо @ the-senator и @ 97ldave за их ответы

для меня ошибка полностью исчезает сразу после добавления этих строк в web.config