为什么fontawesome加载这么多类型的字体？

Question

我在字体顶部看到了令人敬畏的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的浏览器都只会下载匹配其支持格式的第一个文件（我在看你，老人！）。 / p>

Here's an great post by Paul Irish广泛地解释了@ font-face的工作原理。

Answer 2

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