【问题标题】:Hosting Font Awesome Yourself: Do we need all formats eot, svg, ttf, woff, woff2?Hosting Font Awesome Yourself:我们是否需要所有格式 eot、svg、ttf、woff、woff2?
【发布时间】:2019-10-03 08:36:15
【问题描述】:
我正在使用 Hosting Font Awesome Yourself 方法将 FA 打包为我的 Angular 7 小部件和 Web 应用程序的一部分。问题是他们解释要打包整个/webfonts/ 文件夹,它包含每种格式的重复字体。
坚持一种格式不是更好吗? svg 把其他人排除在外?
只采用一种特定格式有什么缺点/优点(如果有的话)?
【问题讨论】:
标签:
html
font-awesome
assets
font-awesome-5
【解决方案1】:
如果您也需要支持旧版浏览器的 Web 应用程序,那么您必须托管所有字体格式。
不幸的是,没有一种格式适用于所有浏览器,这意味着我们需要提供多种格式来提供一致的体验。
- 为大多数浏览器提供 WOFF 变体。
- 向支持它的浏览器提供 WOFF 2.0 变体。
- 为旧的 Android(4.4 以下)浏览器提供 TTF 变体。
- 为旧 IE(IE9 以下)浏览器提供 EOT 变体。
如果您只使用SVG 字体格式而忽略其他格式,那么它将支持 Chrome(4.0 +)、Safari(3.2 +) 和 Opera(9.0 +)。你可以check here浏览器支持字体格式。
WOFF 是唯一支持大多数浏览器的格式。所以
如果您可以忽略旧版浏览器,那么我建议您使用 WOFF
字体格式。