Предупреждение Google: ресурс интерпретируется как шрифт, но передается с приложением типа MIME /октет-поток

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

Ресурс интерпретируется как шрифт, но передается с приложением MIME-типа /octet-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.

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

Спасибо.

67 голосов | спросил Bronzato 20 MarpmWed, 20 Mar 2013 14:35:54 +04002013-03-20T14:35:54+04:0002 2013, 14:35:54

7 ответов


0

другой подход здесь: http://zduck.com/2013 /Google-хром-и-Уофф-шрифты типа пантомима-предупреждение /

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

<system.webServer>
<staticContent>
  <mimeMap fileExtension=".woff" mimeType="application/font-woff"/>
</staticContent>
</system.webServer>
ответил TeYoU 13 Mayam13 2013, 11:24:07
0

Вам необходимо добавить следующие типы в .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 в комментариях ниже за указание на это.)

Ознакомьтесь с моим ответом на похожий вопрос здесь: Не загружено лицо шрифта

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

ответил 97ldave 20 MarpmWed, 20 Mar 2013 15:27:47 +04002013-03-20T15:27:47+04:0003 2013, 15:27:47
0

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

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

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

ответил The Senator 11 PMpThu, 11 Apr 2013 12:16:24 +040016Thursday 2013, 12:16:24
0

Для 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

Готово.

ответил Steven 9 Maypm13 2013, 23:33:33
0

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

application/font-ttf              ttf;
application/font-otf              otf;
application/font-woff             woff;
ответил Sven 27 J0000006Europe/Moscow 2013, 16:01:29
0

Если вы запускаете сервер с 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'
ответил Daan 25 12013vEurope/Moscow11bEurope/MoscowMon, 25 Nov 2013 11:33:29 +0400 2013, 11:33:29
0

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

для меня ошибка полностью исчезает сразу после добавления этих строк в 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>
ответил mesut 5 PMpSun, 05 Apr 2015 22:48:53 +030048Sunday 2015, 22:48:53

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132