4

我正在查看 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 类型？

4

1 回答 1

4

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

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

于 2015-08-03T14:53:24.453 回答