Font Subsetter
在线裁字体直接导出更轻的 WOFF2
先选真实会出现的字符，再把新字包和 CSS 一起拿走。
文案裁字Unicode 范围纯前端 WASM
纯前端处理
上传后就在浏览器里裁切，不把字体文件发到服务端。
按真实文案裁字
粘贴标题、按钮和正文，也能补 Unicode 范围做覆盖。
导出新的 WOFF2
生成更轻的字包，并顺手拿走可用的 CSS 片段。
Upload
本地处理
上传字体，直接裁出 WOFF2
字体会先在浏览器里加载，再用本地 WASM 做子集裁切，不经过服务端。
当前文件No file
拖进来一个字体文件，或者点上面的按钮选择。
Export Snapshot
当前裁切概览
Family
--
Source Size
--
Selected Chars
35
Unicode Tokens
--
Axes
Static
Output
WOFF2
Subset Plan
先选字符，再生成新的字包
粘贴真实文案，或补一段 Unicode 范围，生成更轻的前端 WOFF2。
纯前端 WASM输出 WOFF2不上传服务器
Text Coverage
保留这些文本
当前文本里会保留 35 个不同字符。
Unicode Range
需要时再补范围
支持 `U+4E00-9FFF`、`0020-007E`、`U+00A9` 这种写法。
Selected Characters
这里会抽样显示这次会留下来的字符。
首页 文章标签工具关于SearchUplodWOF2013456789
Live Preview
上传后的原字体会在这里直接预览。
35 chars
首页 文章 标签 工具 关于 Search Upload WOFF2 0123456789
Ready To Export
Preview Size84px
导出格式固定为 WOFF2，更适合实际项目落地。
变量轴会保留，当前工具专注裁字符，不改轴结构。
Export Output
生成后直接拿走
导出新的 WOFF2，并附带一段可直接贴进项目的 `@font-face`。
@font-face {
font-family: "Subset Font";
src: url("./font-subset.woff2") format("woff2");
font-display: swap;
}
.font-subset-preview {
font-family: "Subset Font", sans-serif;
}Result
导出状态
文件： 等待生成
体积： --
字符： 35