开发者社区> ndblog> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

IIS中添加MIME类型

简介: 今天上传一个html5后台管理模版的时候,在服务器上预览发现网页加载的远程woff类型的字体不显示,如下图所示: 在本地预览的时候,正常加载字体文件应该是这样的: 利用url访问字体文件的时候提示:该页无法显示,但确实纯在了这个文件,是不是服务器屏蔽了呢,可能是iis不支持woff格式的文件,带着这些疑问,我登陆主机管理后台,我使用的是主机屋提供的虚拟主机,其它主机可能设置不一样,在mime类型里面默认有3个后缀名: 从上图可以看到,没有名为woff的文件类型,那么添加一个即可,正确的MIME信息应该是这么写。
+关注继续查看

今天上传一个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。

md/application/markdown: 添加mime支持markdown文件类型

作者:Tyler Ning
出处:http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com  联系我,非常感谢。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
1-初识SpringSecurity:user in-memory
1-初识SpringSecurity:user in-memory
66 0
#include,#import,@class的区别
#include,#import,@class的区别
59 0
如何开发和部署前端代码?淘宝8年案例解读
在加入淘宝后,经历了大大小小的开发和部署方式的更迭,同时也有幸在整个的变革潮流中参与过其中的一些能力的建设。今天从一个亲历者的角度,通过自身经历与向同事考究,从“13年石器时代”、“14年白银时代”、“15年黄金时代”以及“未来时代”四个阶段和大家聊一聊大厂是怎样开发和部署前端代码的。
1389 0
Single
Single 介绍 RxJava(以及它派生出来的RxGroovy和RxScala)中有一个名为Single的Observable变种。 Single类似于Observable,不同的是,它总是只发射一个值,或者一个错误通知,而不是发射一系列的值。 因此,不同于Observable需要三个方法onNext, onError, onCompleted,订阅Sing
1147 0
iis+fastcgi
1.下载FastCGI For IIS6http://www.microsoft.com/downloads/details.
526 0
UML 类图关系汇总
  UML类图关系汇总   关系 后面的例子将针对某个具体目的来独立地展示各种关系。虽然语法无误,但这些例子可进一步精炼,在它们的有效范围内包括更多的语义。 依赖(Dependency) 实体之间一个“使用”关系暗示一个实体的规范发生变化后,可能影响依赖于它的其他实例(图D)。更具体地说,它可转换为对不在实例作用域内的一个类或对象的任何类型的引用。其中包括一个局部变量
1408 0
+关注
ndblog
不冒任何险,什么都不做,什么也不会有,什么也不是。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载