谷歌警告：资源解释为字体但与MIME类型application /八位字节流转移(Google wa

我有我的字体面在谷歌的警告：

资源解释为字体但MIME类型应用程序/八位字节流传输：“... /内容/字体/ 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;
}

我已经在其他职位，但没有运气搜索为止。

请注意，我的服务器是Microsoft IIS。

任何想法，我怎样才能避免这样的警告？

谢谢。

Answer 1:

在这里另一种方法： http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/

使用下面你的web.config设置：

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

Answer 2:

您需要将以下类型添加到一个.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。）

看看我的答案，在这里一个类似的问题： 字体脸不加载

：从这里采取字体面问题，在镀铬 。

Answer 3:

谢谢上面的回答@ 97ldave，你可以添加这些类型的IIS网络服务器配置部分，如果你不想直接在你的IIS设置添加到您的MIME类型。 下面显示将只是从我们的配置缺少.woff类型的例子。 这个固定的问题与我的iMac电脑的Safari（6.0.3）的最新版本没有出现的字体。

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

由于乔恩萨姆韦尔（我的同事）寻找这一点。

Answer 4:

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

完成。

Answer 5:

正确的MIME类型的字体是：

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

Answer 6:

如果您用一个的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'

Answer 7:

感谢@的参议员和@ 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>

文章来源: Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream