跳转到内容
返回博客

"Mac 离线字体子集:将中日韩字体精简为 WOFF2"

Leibniz Li

@leibnizli
+

制作网站、网页应用或数字演示时,你是否遇到过这种情况:终于为主标题找到合适的中文、日文或韩文(CJK)字体,却发现单个 TTF 就有 10MB 甚至更大。放到网页后,布局立即出现,标题却要等几秒才显示;再加入不同字重,首次加载性能就会大幅下降。

问题的核心不是字体本身,而是“完整字符集”。完整中日韩字体包含数万个字形,但网站标题、横幅或演示文稿可能总共只用到二十个字符。

字体子集化就是移除不需要的字符,仅保留实际使用的字形。处理后,10MB 字体可能缩小到几十 KB,体积降低多个数量级。

过去,这意味着在终端输入冗长难懂的 pyftsubset 命令,或把字体上传到不熟悉的在线服务。商业字体受严格授权约束,上传到第三方服务器可能让公司资产与合规面临风险。

现在有更简洁的方案:WebFont: Subset & Convert。这款专为 Mac 设计的原生桌面工具,将复杂的字体子集工程变为顺畅的点击操作。

WebFont

顺畅的 Mac 体验:精确生成子集

WebFont 将复杂流程简化,提供两种直观方式定义子集范围:

  • **当前选择模式:**在可视化网格中点击需要的字形,选中什么就保留什么。
  • **文字输入模式:**直接粘贴文案,或拖入 .txt 文件。工具自动提取不重复字符,确定精确范围,并支持常用日文、韩文字符等预设 Unicode 区块。

粘贴标题或横幅文案,其余交给 WebFont。需要的字符全部保留,不需要的全部移除。

不止删字符:精细控制 OpenType 表

多数在线工具止于删除未使用字符,但这还不够。字体不只存储矢量形状,还包含处理复杂连字和高级排版逻辑的 OpenType 布局表,如 GSUB、GPOS。对某些网页用途,这些数据可能成为不必要的加载负担。

WebFont 提供三档策略,让字体精简像调整 Mac 系统设置一样直接:

  • **保留全部布局特性:**适用于复杂连字、样式替代等高级排版效果。
  • **仅保留必要定位:**移除多余替换逻辑,保留基本定位,缩小文件并维持日常文字显示。
  • **移除全部布局表:**尽可能压缩,只保留基本内容;使用前需确认字形仍正确显示。

更专业的用户还可按特性标签精确选择保留或移除 OpenType 功能,获得细致控制。

为前端开发者设计:一键导出网页字体包

拥有精简字体只完成了一半。网页使用还需要编写 @font-face、定义 unicode-range,并制作测试演示页。

WebFont 代劳这些重复工作。使用网页字体包导出,一次点击即可生成完整的生产用资源:

  • **fonts/ 目录:**包含 WOFF2 和 WOFF。现代浏览器加载高压缩 WOFF2,较旧浏览器可回退到 WOFF。
  • **即用 CSS:**自动生成样式表,包含 @font-face 和子集精确的 unicode-range
  • **demo.html 预览:**可立即测试不同字号,还包含“字符 → Unicode → HTML 实体”参考表,便于调试。

高度精简的字体配合自动生成的 unicode-range 分段,可显著改善中日韩网页字体的性能瓶颈。

预估与验证:安全的本地流程

许多工具像“盲盒”:生成后才发现缺字,只能删除重做。WebFont 则在写入前通过“子集预览”实时给出预估。

  • **预估文件大小:**选定字符时,即可查看 WOFF2/WOFF 的预计体积。
  • **缺失字符警告:**粘贴文字不在原字体中时,立即标红,避免部署后才发现缺字方块。

写入 Mac 磁盘前,WebFont 还会执行严格内部验证,检查解码有效性、必需表和重复 Unicode 映射冲突,尽早发现问题,帮助输出健康可用的字体文件。

重视隐私:字体始终在 Mac 上

对企业用户和设计师,隐私与商业授权要求尤为重要。

WebFont 的解析、子集生成和格式转换都在 Mac 本地离线完成。**无需网络、云端上传或外部服务器 API。**商业字体和未发布营销文案留在自己的设备上,即使国际航班没有 Wi-Fi,也能处理字体子集。

总结

字体的核心使命是传达信息,字体子集化让信息在网页上更快、更高效地呈现。

WebFont 将繁琐、易错且有合规风险的命令行任务,整合为简洁专业、完全离线的 Mac 原生工具:从字符提取、OpenType 表控制,到生成前预估与验证,再到一键网页字体包导出,全面支持字体精简。

如果你是前端工程师、UI/UX 设计师,或经常处理 CJK 字体性能问题的 Mac 用户,WebFont 值得成为 Dock 中的常用效率工具。