Предупреждение 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

         
  • Подождите, пока шрифты загрузятся до рендеринга веб-страницы
  • Сделать шрифты Adobe работать с CSS3 @ font-face в IE9
  • Абсолютный URL-адрес CSS @ font-face из внешнего домена: шрифты не загружаются в firefox
  • Почему мы должны включать ttf, eot, woff, svg, ... в шрифт-face
  • font-face с неправильным типом MIME в Chrome
  • CSS @ font-face не работает с Firefox, но работает с Chrome и IE
  • Использование пользовательских шрифтов с использованием CSS?
  • Как я могу исправить проблему веб-сайта «Отсутствующий перекрестный источник ресурсов (CORS)»?
  • Как добавить несколько файлов шрифтов для одного и того же шрифта?
  • Amazon S3 CORS (совместное использование ресурсов для разных источников) и загрузка междоменных шрифтов Firefox
  • Почему @ font-face бросает ошибку 404 на файлы Woff?
  • Давайте будем гением компьютера.