字体的正确MIME类型

搜索网页时,我发现了一些关于字体的适当MIME类型的不同建议,但我还没有尝试使用任何MIME类型,以避免Chrome警告,如下所示:

资源解释为字体,但使用MIME类型的字体/ otf传输

该字体是一个OTF。

到目前为止,我已经尝试了以下MIME类型

  • 字体/ OTF
  • 应用/字体OTF
  • 应用/字体
  • 应用程序/ OTF
  • 应用/八位字节流
  • 应用程序/ x-字体OTF
  • 应用程序/ x-font-TrueType(我知道它不是truetype,但有一个来源引用OTF)

  • 尝试使用“font / opentype”。


    在Apache和IIS服务器上都有许多可以设置MIME类型的字体格式。 我传统上有以下几点运气:

    svg   as "image/svg+xml"                  (W3C: August 2011)
    ttf   as "application/x-font-ttf"         (IANA: March 2013)
          or "application/x-font-truetype"
    otf   as "application/x-font-opentype"    (IANA: March 2013)
    woff  as "application/font-woff"          (IANA: January 2013)
    woff2 as "application/font-woff2"         (W3C W./E.Draft: May 2014/March 2016)
    eot   as "application/vnd.ms-fontobject"  (IANA: December 2005)
    sfnt  as "application/font-sfnt"          (IANA: March 2013) 
    

    根据互联网工程任务组,他在这里维护关于多用途互联网邮件扩展(MIME类型)的初始文档:http://tools.ietf.org/html/rfc2045#section-5 ......它在具体说明中说:

    “预计通过创建这些初始类型的新子类型可以实现对更大的支持类型集合的增加。将来,只有通过此标准的标准跟踪扩展才能定义更多的顶级类型。如果出于任何原因使用另一个顶级类型,则必须给它一个以“X-”开头的名称来表示其非标准状态,并避免与将来的官方名称发生潜在冲突。

    事实上,随着时间的推移,随着标准的创建和接受,添加了其他MIME类型,因此我们可以看到供应商特定MIME类型的示例,例如vnd.ms-fontobject等。

    更新2013年8月16日: WOFF于2013年1月3日在IANA正式注册,Webkit已于2013年3月5日更新,而在其最新版本中采购此更新的浏览器将开始发布有关旧服务器MIME类型的警告x-font-woff声明。 由于警告只是烦人的,我建议马上切换到批准的MIME类型。 在理想的世界里,警告会及时解决。

    更新2015年2月26日: WOFF2现在在W3C编辑草案中提出了mime类型。 在最近的进展时间表之后,它可能会在明年(可能在2016年底之前)提交给IANA。 SFNT是一种可扩展/样条容器字体格式,可用于Google Web Fonts的骨干表格引用及其轻松的java库,并且已被注册为具有IANA的MIME类型,并且可以根据个人需要添加到此列表中。

    更新2017年10月4日:我们可以在这里跟随WOFF2格式的进展,大多数现代浏览器都支持这种格式。 同样,我们可以按照IETF的“字体”顶级媒体类型请求注释(RFC)跟踪器和关于最新提议字体类型的文档进行批准。


    对于那些希望在CSS中按正确顺序嵌入字体的人,请访问这篇文章。 但是,我再次运气如下:

    @font-face {
        font-family: 'my-web-font';
        src: url('webfont.eot');
        src: url('webfont.eot?#iefix') format('embedded-opentype'),
             url('webfont.woff2') format('woff2'),
             url('webfont.woff') format('woff'),
             url('webfont.ttf') format('truetype'),
             url('webfont.svg#webfont') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    

    对于Subversion自动属性,这些可以列为:

    # Font formats
    svg   = svn:mime-type=image/svg+xml
    ttf   = svn:mime-type=application/x-font-ttf
    otf   = svn:mime-type=application/x-font-opentype
    woff  = svn:mime-type=application/font-woff
    woff2 = svn:mime-type=application/font-woff2
    eot   = svn:mime-type=application/vnd.ms-fontobject
    sfnt  = svn:mime-type=application/font-sfnt
    

    忽略chrome警告。 OTF字体没有标准的MIME类型。

    font / opentype可能会使警告无效,但这并不能使它成为“正确”的事情。

    可以说,你最好使用“application / x-opentype”来创建一个,因为至少“application”是已注册的内容类型,而“font”则不是。

    更新:OTF仍然是一个问题,但WOFF在2013年1月增加了IANA MIME类型的应用程序/ font-woff。

    更新2:OTF在2013年3月增加了MIME类型:application / font-sfnt。此类型也适用于.ttf

    链接地址: http://www.djcxy.com/p/1275.html

    上一篇: Proper MIME type for fonts

    下一篇: Merge / convert multiple PDF files into one PDF