在浏览器里给字体做子集化
一款日文网页字体动辄 3–8 MB，因为里面装着几千个你的页面根本用不到的字形。把你网站的文字粘贴进来，只保留这些字符，字体体积就能减少 90%。
- 完全在你的浏览器里运行
- 断网也能用
- 不上传
- 不用注册
- 没有水印
正在加载工具……
工作原理
- 拖入 .ttf 或 .otf 文件。
- 粘贴你网站上的文字（也可以用按钮添加整段字符范围）—— 这些字符会被保留下来。
- 下载 WOFF2，粘贴 @font-face 代码，完成。
为什么什么都不用上传
这个页面上的每一步操作，都由运行在你浏览器标签页里的代码完成，用的就是渲染网页的那套引擎。文件从磁盘读进标签页的内存，在那里被处理，再作为下载写回去。它不会被送到任何地方 —— 不会送给我们，也不会送给第三方。
自己动手验证
- 打开浏览器的开发者工具（F12），选择“网络”（Network）面板。
- 载入你的文件，运行这个工具。
- 你能看到的请求只有这些：工具自己的代码 —— 少数几个重型工具还会从公共 CDN 取它们的开源引擎 —— 外加一条发往 loreatec.jp 的小小访问记录（页面地址和标题，仅此而已）。没有一条带着你的文件。
常见问题
如果页面后来需要一个被删掉的字形，会怎样？
浏览器会用你字体栈里的下一款字体来顶替那个字符 —— 表现为字体风格不一致，而不是页面整个坏掉。如果你的内容经常变动，可以用新文字重新做一次子集化，或者干脆保留整段字符范围（比如假名加常用漢字），而不是只保留精确的几个字符。
字体授权允许做子集化吗？
开源授权（OFL、Apache）明确允许。很多商业网页字体授权不允许，或者是按页面访问量计费的。这个工具只是对你已经拥有的字节做变换；核对授权条款是你自己那一侧该做的事，这一点在这里是明说的，不是藏起来的。
为什么 WOFF2 比 TTF 小这么多？
省了两轮：先是子集化去掉了用不到的字形，然后 WOFF2 再用 Brotli 把剩下的内容压缩一遍。线上用 WOFF2，TTF 留着在桌面端测试用。