十几 MB 的中文字体如何瘦身?这个前端工具直接在浏览器完成子集化

57 阅读1分钟

一个基于浏览器本地运行的字体子集化工具:上传字体文件,选择字符集,生成更小的 woff2 文件并提供接入代码。
👉 代码仓库
👉在线地址

做这个的起因是在开发一些大屏类系统中,UI经常会使用一些特殊的字体,比如AlibabaPuHuiTi、HarmonyOS_Sans_SC等等,而这些字体文件因为包含中文,体积几 MB 到十几 MB 很常见,对于前端首屏加载速度有不小的影响;

而中文最常用的汉字只有3500个,几乎能涵盖99%的使用,所以对这些字体文件针对常用的汉字进行子集化就是一个很好的方案;

项目特点:

  • 隐私友好,整个流程都在本地浏览器完成,不走服务端上传。
  • 内置常用的汉字、标点、因为跟等,并支持追加字符
  • 支持上传 ttf/otf 源字体
  • 支持手动追加字符和上传字符集文本
  • 输出 woff2

image.png