在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)
根据维护多用途Internet邮件扩展(MIME类型)初始文档的互联网工程任务组,这里是
https://www.rfc-editor.org/rfc/rfc2045#section-5... 具体来说,它说:
"预计通过创建这些初始类型的新子类型可以通常实现对更大一组支持类型的添加。将来,更多顶级类型可能仅由此标准的标准跟踪扩展定义。如果出于任何原因要使用另一个顶级类型,则必须以“X-”开头命名以指示其非标准状态并避免与未来官方名称的潜在冲突。"
随着时间的推移,随着标准的创建和接受,会添加其他MIME类型,因此我们看到供应商特定的MIME类型,例如vnd.ms-fontobject等。
2013年8月16日更新: WOFF已于2013年1月3日
正式在IANA注册,
Webkit于2013年3月5日更新,最新版本的浏览器将开始对使用旧的x-font-woff声明的服务器MIME类型发出警告。由于这些警告只是令人烦恼,我建议立即切换到已批准的MIME类型。在理想的情况下,这些警告会逐渐消失。
更新于2015年2月26日:WOFF2现已列入W3C编辑草案中,提议使用mime类型。根据最近的进展时间表,可能在接下来的一年内(可能在2016年底之前)提交给IANA。此外,SFNT是Google Web Fonts with their sfntly java library中骨干表参考中使用的可伸缩/样条容器字体格式,并已注册为IANA的mime类型,根据个人需求也可以将其添加到此列表中。
2017年10月4日更新:绝大多数现代浏览器都能够成功支持WOFF2格式
(此处)。同时,我们可以遵循IETF的“字体”顶级媒体类型请求评论(RFC)
跟踪器和
文档,以获取最新一组拟议字体类型的批准。
对于那些希望在CSS中以正确的顺序嵌入字体的人,请访问this article。但是,我已经尝试过以下顺序并获得了成功:
@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自动属性,可以列出如下内容:
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