zoukankan      html  css  js  c++  java
  • IIS中添加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文件类型

  • 相关阅读:
    组件库设计
    kill 3000
    nextjs服务端渲染原理
    Web交互增强
    webpack4.0打包的时候一些技巧
    把网站部署到阿里云上的步骤
    typescript使用小结
    webpack 4.0尝鲜
    基于Quick-cocos2d-x的资源更新方案 二
    Android APK是否需要预解压
  • 原文地址:https://www.cnblogs.com/tylerdonet/p/4552435.html
Copyright © 2011-2022 走看看