自己托管很棒的字体:我们需要所有格式的 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.
我正在使用 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.