代码栈
EN

编码工具

字体按需压缩

按页面实际用字裁剪字体、只保留真正用到的字形，输出 woff2 或 ttf。这是按需压缩（子集化），不是字体格式转换；字体不会上传。

仅在浏览器本地运行

这里做的是字体按需压缩（子集化），不是字体格式转换：按页面实际用到的文字删掉其余字形，woff2 / ttf 只是裁剪结果的输出容器。字体只在本机内存里处理，不会上传。

01

选择字体

02

提供用到的文字

0 字符 汉字 0 字母数字 0 标点符号 0
03

输出设置

请先选择字体文件

首次裁剪会下载约 1.6 MB 的 WASM（harfbuzz + woff2 编码器），之后由浏览器缓存。

04

裁剪结果

结果会显示在这里

上传字体、补充文字，然后点「开始裁剪」

它做了什么

  1. 抓字： 解析页面文本节点、placeholder、伪元素 content 与 alt / title。
  2. 裁剪： harfbuzz 的 hb-subset 在 WASM 里按字符集重建字形表。
  3. 编码： woff2 由 woff2 的 WASM 编码器输出，不经过服务器。

受浏览器同源策略限制，无法像 font-spider 的 PhantomJS 那样渲染后再抓字；JS 动态插入的文案请直接粘进字符集。示例字体 FontAwesome 4（SIL OFL 1.1 / MIT）。

评论

正在加载评论…