自己托管很棒的字体:我们需要所有格式的 eot、svg、ttf、woff、woff2 吗?

Hosting Font Awesome Yourself: Do we need all formats eot, svg, ttf, woff, woff2?

我正在使用 Hosting Font Awesome Yourself 方法将 FA 打包为我的 Angular 7 小部件和 Web 应用程序的一部分。问题是他们解释要打包整个 /webfonts/ 文件夹,它包含每种格式的重复字体。

坚持一种格式不是更好吗? svg 而将其他人排除在外?

仅针对一种特定格式的 cons/pros 是什么?

如果您的 Web 应用程序也需要支持旧版浏览器,那么您必须托管所有字体格式。 不幸的是,没有一种格式适用于所有浏览器,这意味着我们需要提供多种格式以提供一致的体验。

  • 为大多数浏览器提供 WOFF 变体。
  • 为支持它的浏览器提供 WOFF 2.0 变体。
  • 为旧 Android(4.4 以下)浏览器提供 TTF 变体。
  • 为旧版 IE(低于 IE9)浏览器提供 EOT 变体。

如果您只使用 SVG 字体格式而忽略其他格式,那么它将支持 Chrome(4.0 +)、Safari(3.2 +) 和 Opera(9.0 +)。您可以 check here 浏览器对字体格式的支持。

The WOFF is the only format that support the majority of browsers. so if you can ignore the older browser then I suggest you to use WOFF font formats.