Mime类型的WOFF字体?

WOFF字体应该作为什么mime类型?

我正在服务truetype (ttf)字体作为字体/truetype和opentype (otf)作为字体/opentype，但我找不到WOFF字体的正确格式。

我已经尝试了字体/woff，字体/webopen，和字体/webopentype，但Chrome仍然抱怨:

资源解释为字体，但使用MIME类型应用程序/字节流传输。

有人知道吗?

当前回答

WOFF:

网页开放字体格式它可以用TrueType或PostScript (CFF)概要进行编译目前FireFox 3.6+支持它

试着补充一下:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf

其他回答

它将是application/font-woff。

参见http://www.w3.org/TR/WOFF/#appendix-b (W3C候选推荐2011年8月04日)

和http://www.w3.org/2002/06/registering-mediatype.html

来自Mozilla css字体面注释

在Gecko中，web字体受到相同的域限制(字体文件必须与使用它们的页面在相同的域上)，除非使用HTTP访问控制来放松这一限制。注意:由于没有为TrueType、OpenType和WOFF字体定义MIME类型，因此不考虑指定文件的MIME类型。

来源:https://developer.mozilla.org/en/CSS/@font-face笔记

对我来说，接下来就是在.htaccess文件中工作。

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2

我知道这篇文章有点老了，但在花了很多时间试图让字体在我的nginx本地机器上工作，并尝试了大量的解决方案后，我终于得到了一个对我来说很有魅力的解决方案。

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

在圆括号内，您可以放置字体的扩展名或您想要加载的文件。例如，我将它用于字体和图像(png,jpg等)，所以不要感到困惑，这个解决方案只适用于字体。

只要把它放入你的nginx配置文件，重新启动，我希望它也适用于你!

为我做的事情是将这个添加到我的mime_types中。rb初始化:

Rack::Mime::MIME_TYPES['.woff'] = 'font/woff'

然后清空缓存

rake tmp:cache:clear

在重新启动服务器之前。

来源:https://github.com/sstephenson/sprockets/issues/366 # issuecomment - 9085509

更新自2017年6月22日Keith Shaw的评论:

截至2017年2月，RFC8081是建议标准。它为字体定义了一个顶级媒体类型，因此WOFF和WOFF2的标准媒体类型如下: 字体/ woff 字体/ woff2

2011年1月，Chromium宣布将同时承认

应用程序/ x-font-woff

作为《WOFF》的模版我知道这个改变现在是在Chrome测试版，如果还不稳定，它应该不会太远。

推荐文章