Paul Irish建议加载字体的“防弹”方法是首先呈现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中似乎可以产生更好的缩放/抗锯齿效果。
没有“正确的顺序”，它不是加载顺序，而是一个列表，每个浏览器都希望从列表中选择一个字体资源进行加载，即它们支持的第一个字体资源（并且以这种方式工作）。
EOT排名第一是因为它是IE的旧版本中唯一支持的版本，但是它的位置确实并不重要。
通常认为WOFF是Web字体的最佳选择。这是否成立可能取决于意见，渲染例程和字体，但这仍然是订单背后的传统观念
TTF和SVG列在最后，因为某些浏览器仅支持这种格式。如果将它们放在较早的位置，那么某些支持WOFF的浏览器也可能会使用这些格式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句