今天我将Font Awesome软件包更新为4.3.0并注意到添加了 woff2 字体。该文件在CSS中链接,因此我需要配置nginx以正确提供woff2文件。
目前我在nginx配置字体中有这个块:
location ~* \.(otf|eot|woff|ttf)$ {
types {font/opentype otf;}
types {application/vnd.ms-fontobject eot;}
types {font/truetype ttf;}
types {application/font-woff woff;}
}
woff2字体的mime类型是什么?
答案 0 :(得分:413)
在IIS中,您可以通过将以下内容添加到项目的web.config来声明WOFF2字体文件的mime类型:
<system.webServer>
<staticContent>
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="font/woff2" />
</staticContent>
</system.webServer>
<强>更新强>:
mime类型可能会根据最新的 W3C编辑器草案WOFF2规范进行更改。请参阅Appendix A: Internet Media Type Registration部分 6.5。 WOFF 2.0 表明最新的 提议的 格式为font/woff2
答案 1 :(得分:206)
font/woff2
对于 nginx ,将以下内容添加到mime.types
文件中:
font/woff2 woff2;
旧答案
WOFF2字体的mime类型(有时写成mimetype)已经提议为application/font-woff2
。
另外,如果您参考规范(http://dev.w3.org/webfonts/WOFF2/spec/),您会看到正在讨论font/woff2
。我怀疑所有字体的filal mime类型最终会更合乎逻辑font/*
(font/ttf
,font/woff2
等等...
N.B。 WOFF2仍处于“工作草案”状态 - 尚未正式通过。
答案 2 :(得分:31)
在Apache中,您可以按this link所述的woff2
文件添加.htaccess
mime类型。
AddType application/font-woff2 .woff2
在IIS中,只需将以下mimeMap
标记添加到web.config
标记内的staticContent
文件中。
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
答案 3 :(得分:17)
http://dev.w3.org/webfonts/WOFF2/spec/#IMT
似乎w3c将其切换为font/woff2
我看到有关于正确的mime类型的讨论。 在链接中我们读到:
此文档定义了顶级 MIME类型&#34;字体&#34; ...
......官方定义的IANA子类型,例如&#34; application / font-woff&#34; ...
W3C WebFonts WG的成员相信使用&#34;应用程序&#34;顶级类型并不理想。
以后
6.5. WOFF 2.0
Type name:
font
Subtype name:
woff2
因此,W3C提出的建议与IANA不同。
我们可以看到它也与woff类型不同: http://dev.w3.org/webfonts/WOFF/spec/#IMT 我们在哪里读到:
Type name:
application
Subtype name:
font-woff
是
application/font-woff