关键网页字体 | CSS-Tricks

Zach Leatherman 概述了一种加载网页字体的新方法，该方法可以将过程分为两个阶段

… 而不是在第一阶段加载完整的罗马网页字体，它加载罗马网页字体的一个小子集，在本例中仅包含大小写字母。

然后，在第二阶段，我们可以加载该字体的所有其他部分，例如数字或特殊字符。最终，这大大减少了读者看到回退字体和花哨网页字体之间切换的时间：第一阶段的大小仅为 9kb，然后将被 25kb 的完整版本替换。

这里的难点在于，许多字体铸造厂没有为开发者提供对字体文件进行子集化处理的选项。