font-awesome - 我真的需要为 FontAwesome 或 WOFF2 类型加载所有这些字体类型吗？

Question

我正在查看 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 类型加载所有这些字体类型吗？

Answer 1

这实际上并没有加载所有这些文件类型。浏览器会选择最好的一个，然后加载那个文件。

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