我真的需要为 FontAwesome 加载所有这些字体类型还是只需要 WOFF2 类型？答案

【问题标题】：Do I really need all these font types loaded for FontAwesome or just the WOFF2 type?我真的需要为 FontAwesome 加载所有这些字体类型还是只需要 WOFF2 类型？
【发布时间】：2015-10-19 19:39:26
【问题描述】：

我正在查看 FontAwesome path.less，它看起来像是在加载一堆相同的字体但不同的类型...

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
    url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
//  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

我真的需要为 FontAwesome 加载所有这些字体类型还是只需要 WOFF2 类型？

【问题讨论】：

标签： font-awesome woff2

【解决方案1】：

这实际上并没有加载所有这些文件类型。浏览器将选择最好的文件并加载该文件。

Woff2 的报道还不是很好：http://caniuse.com/#search=woff2。有些人只使用常规的 woff，但使用 Font Awesome，您可以免费获得更广泛的覆盖范围。没有理由删除其余部分。

【讨论】：

非常感谢！还有那个很棒的字体:-)
如果您将 fontawesome 捆绑在原生移动应用程序中会怎样？您能否在不失去兼容性的情况下删除某些格式以减小应用的文件大小？
对于捆绑，您可以从 fa npm 包中导入每个部分文件，就像在 font-awesome 文件中一样，但跳过“路径”并仅添加您想要的格式。