自己托管 Font Awesome：我们需要所有格式 eot、svg、ttf、woff、woff2 吗？

Question

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

坚持一种格式（例如，svg忽略其他格式）不是更好吗？

仅采用一种特定格式的缺点/优点是什么（如果有）？

Answer 1

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

• 为大多数浏览器提供 WOFF 变体。
• 将 WOFF 2.0 变体提供给支持它的浏览器。
• 为旧版 Android（4.4 以下）浏览器提供 TTF 变体。
• 为旧版 IE（IE9 以下）浏览器提供 EOT 变体。

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

WOFF 是唯一支持大多数浏览器的格式。因此，如果您可以忽略旧版浏览器，那么我建议您使用 WOFF 字体格式。