为什么字体文件夹中有6个文件?
Why are there 6 files in the fonts folder?
所以 FontAwesome 发行版的字体文件夹包含 6 个不同的文件。
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
fontawesome-webfont.woff2
FontAwesome.otf
为什么?我需要所有这些吗?我在 FontAwesome 自述文件或网站上没有看到任何明显的内容来解释为什么存在所有这些不同的格式。
我希望只将我需要的那些签入我的项目。
不同浏览器支持的格式不同,有a handy table on MDN for font formats.
您可以使用 table 来 select 您想要包含的字体 - 您 可以 只提供 WOFF,它具有相当广泛的支持。但是通过包含更多格式,更多人将获得字体而不是后备。
每种字体对您有什么帮助?
WOFF 是 "modern browsers" 的标准配置,WOFF2 是下一代。这些是您真正需要的格式。
您可以通过添加以下格式来扩展支持以获得一些旧版本的浏览器:
TTF/OTF - Firefox < 3.6、Safari < 5.1、Opera < 11、Chome < 5.0
EOT - IE < 9
SVG - Chrome < 5.0
这个答案可能有帮助:
Why should we include ttf, eot, woff, svg,... in a font-face
基本上某些较旧的浏览器(或特定的较新浏览器)需要不同的格式。通过包括所有格式,客户端的浏览器可以切换到它支持的格式。
所以 FontAwesome 发行版的字体文件夹包含 6 个不同的文件。
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
fontawesome-webfont.woff2
FontAwesome.otf
为什么?我需要所有这些吗?我在 FontAwesome 自述文件或网站上没有看到任何明显的内容来解释为什么存在所有这些不同的格式。
我希望只将我需要的那些签入我的项目。
不同浏览器支持的格式不同,有a handy table on MDN for font formats.
您可以使用 table 来 select 您想要包含的字体 - 您 可以 只提供 WOFF,它具有相当广泛的支持。但是通过包含更多格式,更多人将获得字体而不是后备。
每种字体对您有什么帮助?
WOFF 是 "modern browsers" 的标准配置,WOFF2 是下一代。这些是您真正需要的格式。
您可以通过添加以下格式来扩展支持以获得一些旧版本的浏览器:
TTF/OTF - Firefox < 3.6、Safari < 5.1、Opera < 11、Chome < 5.0
EOT - IE < 9
SVG - Chrome < 5.0
这个答案可能有帮助:
Why should we include ttf, eot, woff, svg,... in a font-face
基本上某些较旧的浏览器(或特定的较新浏览器)需要不同的格式。通过包括所有格式,客户端的浏览器可以切换到它支持的格式。