更快的页面加载
较小的字体文件下载速度更快,从而改善 LCP(最大内容绘制)指标,这对于网站性能至关重要。
通过创建字体子集来减小 Web 字体文件的大小。仅保留您需要的字符,支持自定义字符、Unicode 范围和实时预览。提升您的网站性能和核心网页指标。
字体子集化器通过只提取您实际需要的字符(字形)来减小字体文件大小。完整的字体文件可能包含数千个多种语言的字形,但网站通常只使用几百个。将字体从 500 KB 子集化为 50 KB 可显著提高页面加载速度。此工具使用 opentype.js 在本地处理字体——不上传任何字体文件。
只保留您网站实际使用的字符。支持 TTF、OTF、WOFF 和 WOFF2,带 Unicode 范围和实时预览——全部在浏览器中。
使用拖放区域上传您的 .TTF, .OTF, .WOFF 或 .WOFF2 字体文件。
在文本框中输入您网站上实际使用的所有字符。您还可以添加常见的 Unicode 范围,例如用于中文字符的 U+4E00-9FFF。
从导出设置中选择您所需的输出格式,OTF 或 TTF。
点击“创建子集”。工具将生成一个新的、更小的字体文件。下载优化后的字体并在您的项目中使用。
较小的字体文件下载速度更快,从而改善 LCP(最大内容绘制)指标,这对于网站性能至关重要。
用户能更快地看到您的文本内容,减少等待时间,从而降低跳出率并提高满意度。
页面速度是 Google 等搜索引擎的关键排名因素。优化字体是提高核心网页指标分数的有效方法。
现代字体文件(OTF、TTF、WOFF、WOFF2)包含的内容远不止字母形状。典型的拉丁字体包括大小写字母、数字、标点符号、重音字符、连字、替代字形、字距对和 OpenType 功能(小型大写、旧式数字、上下文替代)。一个完整的字体系列可以包含 1,000+ 个字形。当您在一个只显示英文的网站上使用字体时,您正在加载 90% 未使用的字体数据——浪费带宽并减慢页面加载。
字体子集化通过只提取您需要的字形来解决这个问题。对于纯英文网站,您可能只需要 95 个可打印 ASCII 字符——将字体从 500 KB 减少到 20-50 KB。对于使用基本拉丁字母 + 常用重音字符的网站,您可能需要 200 个字形。子集化工具使用 opentype.js 解析字体的二进制结构,提取指定的字形及其关联度量(字距、前进宽度),并重建一个仅包含这些字形的有效字体文件。
WOFF2 格式在子集化之上提供额外压缩。WOFF2 使用 Brotli 压缩,比 WOFF 小 20-40%。所有现代浏览器都支持 WOFF2。最佳方法是将字体子集化为所需字形,然后编码为 WOFF2 以获得最大压缩。一个 500 KB 的 TTF 字体可以减少到 15 KB 的 WOFF2 子集——减少 97%。
对于大多数网站,最简单的策略是子集化为 Unicode 基本拉丁范围(U+0020 到 U+007E),覆盖所有 ASCII 字符。这对英文内容足够了。对于多语言网站,子集化为每种语言所需的特定 Unicode 范围,并使用 CSS 的 unicode-range 属性仅为每个页面加载相关子集。Google Fonts 使用此技术——它根据页面内容提供不同的子集。
子集化时,注意不要移除 OpenType 功能引用的字形。例如,小型大写功能 (smcp) 用小型大写版本替换小写字母——如果您移除小型大写字形,该功能将失效。我们的工具保留字体的功能定义,但只包含您指定的字形。如果您需要 OpenType 功能,请包括这些功能引用的所有字形。对于网页正文,通常最好禁用复杂的 OpenType 功能并只子集化为基本字母形式。
流行的字体子集化工具的并排对比。
| 功能 | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| 隐私(无上传) | 100% 浏览器本地 | 上传到服务器 | 上传到服务器 |
| TTF/OTF/WOFF 输入 | 所有格式 | 有限 | |
| WOFF2 输出 | |||
| 自定义字符集 | 有限 | ||
| 保留 OpenType 功能 | |||
| 无需注册 | 需要邮箱 |
Font Squirrel 和其他基于服务器的子集化工具需要上传您的字体文件。我们的工具使用 opentype.js 完全在浏览器中解析和子集化字体——您的自定义或授权字体绝不会离开您的设备。
此工具完全在您的浏览器中运行。您的文件不会被上传到服务器、存储或分析。
即使您的互联网连接断开,您的文件也是安全的。