font-awesome - 为什么 fontawesome 会加载这么多类型的字体？

Question

我在 font awesome css 的顶部看到了这个：

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

我只是想知道为什么这里加载了eot，woffm，ttf（svg用于IE），字体？

是为了浏览器兼容性？或者只是每个文件上有不同的字体？

我可以安全地离开一个吗？

Answer 1

你是对的，这是为了浏览器兼容性。
您不应该关心额外的 HTTP 连接，因为几乎所有支持 @font-face 的浏览器都只会下载与其支持的格式匹配的第一个文件（我在看着你，oldIE！）。

这是 Paul Irish 的一篇很棒的文章，它广泛地解释了 @font-face 的工作原理。

Answer 2

我的理解是不同的浏览器/平台需要不同的字体格式，所以这只是覆盖你的基础。