今天上传一个html5后台管理模版的时候，在服务器上预览发现网页加载的远程woff类型的字体不显示，如下图所示：


在本地预览的时候，正常加载字体文件应该是这样的：


利用url访问字体文件的时候提示：该页无法显示，但确实纯在了这个文件，是不是服务器屏蔽了呢，可能是iis不支持woff格式的文件，带着这些疑问，我登陆主机管理后台，我使用的是主机屋提供的虚拟主机，其它主机可能设置不一样，在mime类型里面默认有3个后缀名：


从上图可以看到，没有名为woff的文件类型，那么添加一个即可，正确的MIME信息应该是这么写。
.woff  application/x-font-woff .svg   image/svg+xml    //顺便添加支持svg的格式，嘿嘿
添加成功以后，刷新网页，果然看到了真实图标字体显示，其实其它类似的情况：在服务器上，明明有这个文件，却无法显示，也可以用这个方法解决。
附录什么是woff？
Web开放字体格式（Web Open Font
Format，简称WOFF）是一种网页所采用的字体格式标准。此字体格式发展于2009年，现在正由万维网联盟的Web字体工作小组标准化，以求成为推荐标准。此字体格式不但能够有效利用压缩来减少档案大小，并且不包含加密也不受DRM（数位著作权管理）限制。

在2010年4月8日，Mozilla基金会、Opera软件公司和微软提交WOFF之后，万维网联盟发表评论指，希望WOFF不久能成为所有浏览器都支持的、“单一、可互操作的(字体)格式”。[6]2010年7月27日，万维网联盟将WOFF作为工作草案发布。

WOFF的MIME类型是：application/x-font-woff，目前的IIS7里面默认没有这个MIME类型，如果要让网站支持这个，请在IIS7里面的MIME类型里面添加woff。
woff规格
WOFF本质上是包含了基于sfnt的字体（如TrueType、OpenType或开放字体格式），且这些字体均经过WOFF的编码工具压缩，以便嵌入网页中。这个字体格式使用zlib压缩，[2]文件大小一般比TTF小40%。
woff支持
– WOFF得到许多主要字体制造公司的支持，并且已经为Mozilla Firefox3.6版所支持。
– 微软自第三个platform review版本的Internet Explorer 9起，就对WOFF添加了全部的支持。
– WebKit浏览器支持WOFF，Safari自5.1起支持WOFF，Google Chrome则自5.0起就支持WOFF。
– Presto自2.7.81起支持WOFF。