文章/答案/技术大牛

发布

社区首页 >问答首页 >加载字体的正确顺序是什么？

问加载字体的正确顺序是什么？
EN

Stack Overflow用户

提问于 2013-12-30 13:00:46

回答 1查看 3.3K关注 0票数 4

Paul爱尔兰建议，加载字体的“防弹”方法是先呈现EOT，然后是WOFF、TTF，最后是SVG。

@font-face {
  font-family: 'Tagesschrift';
  src: url('tagesschrift.eot'); /* IE 5-8 */ 
  src: local('☺'),             /* sneakily trick IE */
        url('tagesschrift.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('tagesschrift.ttf') format('truetype'), /* Opera, Safari */
        url('tagesschrift.svg#font') format('svg'); /* iOS */
}

来源：http://www.html5rocks.com/en/tutorials/webfonts/quick/

然而，他没有解释为什么这是正确的顺序(我假设性能)。有人能详细说明吗？另外，质量有什么不同？例如，SVG似乎在Chrome中产生了更好的缩放/抗混叠。

css

fonts

font-face

webfonts

truetype

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-30 13:18:32

没有“正确的顺序”，这不是一个加载顺序，而是一个列表，每个浏览器都需要从这个列表中获取一个字体资源来加载--即他们支持的第一个字体资源(它是这样工作的)。

EOT是第一位的，因为它是IE旧版本支持的唯一版本，但它的位置并不重要。

WOFF通常被认为是web字体的最佳选择。这是否正确可能取决于意见、呈现例程和字体，但无论如何，这是顺序背后的传统智慧。

TTF和SVG列在最后，因为有些浏览器只支持这种格式。如果更早地放置这些格式，那么一些支持WOFF的浏览器也可能会使用这些格式。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20840115

复制

相似问题

问加载字体的正确顺序是什么？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问加载字体的正确顺序是什么？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问加载字体的正确顺序是什么？
EN