现代浏览器，Android和IOS我需要哪种字体文件？

Question

我将这些作为我的字体文件：

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fa-font-path}/fontawesome-webfont.eot') format('embedded-opentype'),
    url('@{fa-font-path}/fontawesome-webfont.woff2') format('woff2'),
    url('@{fa-font-path}/fontawesome-webfont.woff') format('woff'),
    url('@{fa-font-path}/fontawesome-webfont.ttf') format('truetype'),
    url('@{fa-font-path}/fontawesome-webfont.svg fontawesomeregular') format('svg');
//  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

这些会满足我的需求吗：

@font-face {
  font-family: 'FontAwesome';
  src: url('@{fa-font-path}/fontawesome-webfont.eot');
  src: url('@{fa-font-path}/fontawesome-webfont.woff2') format('woff2'),
    url('@{fa-font-path}/fontawesome-webfont.woff') format('woff'),
    url('@{fa-font-path}/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

woff和woff2能否满足我的需求？

Answer 1

正如本SO帖子中所解释的，您只需要WOFF即可。这就是为什么：

eot已被弃用了一段时间，但由于Microsoft仅支持Edge，加上现在“仅受支持的Windows版本的IE最新版本”，目前实际上已经过时了（目前仅是IE11）（2018年11月）。这两个都支持WOFF就好了。另请注意，早于Windows 7的所有版本均已不受支持（在回答此问题时，Windows Vista SP2仍受公司企业许可证的支持，但此后也已终止使用）。
svg 几年前被遗弃了。这是一个有趣的想法，但在实践中却表现不佳，因为与真实字体相比，它是可笑的巨大，并且缺少对体面排版至关重要的功能。整个章节已从SVG2中删除，几乎过去所有支持该版本的浏览器都在此之后再次删除了该支持（这是多么糟糕的）。仅有的两种仍支持svg字体的浏览器也支持WOFF，因此没有理由同时使用这两种浏览器。
ttf和otf是OpenType字体（两者都是。由于历史原因它们的扩展名有所不同，但是除非您制作字体，否则它们之间的区别本质上是不相关的），旨在用于通用系统。就像安装在计算机上或发送到现代打印机以生成物理文档一样。因此。他们有很多需要支持的细节（规格相当大），如果您只是将网页呈现到屏幕上，那么其中的许多实际上并不重要。WOFF使您摆脱了OpenType字体的一些简化，并且每种支持通用Opentype的浏览器也都支持WOFF。再说一遍：只需使用WOFF。
要实现的是WOFF是围绕OpenType字体的逐字节包装，但具有（可选）无损压缩，因此字体较小，从而可以更快地从服务器传输到客户端，并指示该字体是只为网络，这意味着部分的字体绝对需要满足的要求算不算一种通用型系统上的法律字体都放宽了对使用，所以更多的数据可以被刮掉。

我知道Font Squirrel和其他站点仍会生成“具有任何曾经存在的格式！” 种CSS字体包，但现在是2017年，我们不再需要这些庞大的字体集了。尽管即使在短短三年前，这些设置都是最佳实践（在浏览器环境中使用CSS的“子弹式证明”方法，但当涉及到Webfonts时却高度分散），如今，这些工具包完全没有必要。一切都支持WOFF。

“那WOFF2呢？”

WOFF2是WOFF规范的修订版，针对您在网络上提供的二进制数据类型，提供了一种更新更好的无损加密算法（WOFF2使用brotli而不是WOFF的“ deflate”），因此如果您要定位的浏览器支持它：很棒。但是请先查看http://caniuse.com。有很多浏览器尚不支持它，特别是在流行的平台上（Windows的IE和Apple的Safari目前不支持WOFF2。IE最终会支持，但Safari …知道）

“当我要求WOFF2时，Google字体会如何处理这些子集？”

确实，WOFF2还通过指定字符子集的加载方式，允许以块的形式加载“一种字体”，以便您只能加载支持用户语言环境所需的字体。但是，除非您经营的网站需要提供几种不同的本地化版本，并以其母语以该星球上的特定市场为目标，否则您经营的网站会教不同的语言，所有这些都需要使用相同的样式字体系列（极不可能），这与您几乎无关。