Question

我正在看FontAwesome路径。看起来它加载了一堆相同的字体，但是不同的类型......

/* 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，您可以免费获得更广泛的覆盖范围。没理由去除其余部分。

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

1 个答案: