自嗨工具：在线免费 ttf 字体压缩工具

创意初衷

之前看到一款特别好看的字体，心动想用在网站上。

一下载才发现，光一个 .ttf 文件就有好几 MB。可我页面上真正用到的也就 首页、登录、注册、立即购买 这寥寥几个字而已。

明明只需要这十几个字符的字形，却要把整套几千上万个字形全都打包进字体文件里下载下来。对于网页来说，实在太浪费带宽和加载时间了。

于是就想：能不能只提取我真正用到的那些字，生成一个只包含它们的精简字体文件？

工具推荐：OnliTools Font Subsetter & Compressor

OnliTools Font Subsetter & Compressor 就是解决这个问题的在线免费工具。它能根据你输入的文本，只保留对应的字符，自动生成一个超小的字体子集文件。

使用教程

1. 打开工具
   
   前往 https://onlitools.com/font-compress

2. 上传字体文件
   
   将你的 .ttf、.otf、.woff 或 .woff2 字体文件拖拽上传到页面中。

3. 输入要保留的字符
   
   在 "Text to subset" 输入框里，把你网站上实际会用到的所有文字都粘贴进去。比如：首页 登录 注册 立即购买

4. 压缩并下载
   
   工具会自动处理，生成精简后的字体文件。你就能直接把它下载下来，用在 @font-face 里。

小技巧

• 把所有用到的文案都收集全：建议把全站用到这个字体的文案都整理出来一次性裁剪，否则漏了字符就会显示成方框（□）
• 优先用 WOFF2：如果工具有多种格式可选，推荐下载 woff2，体积最小且兼容性也足够好
• 配合 font-display: swap 使用：在 CSS 里加上 font-display: swap，能避免字体加载时出现空白文字

总结

与其为了几个字就把几 MB 的整套字体都塞进页面，不如用字体子集（Font Subsetting）的方式，只带上真正需要的那一部分。

OnliTools Font Subsetter & Compressor 免费、在线、无需安装，特别适合这种「只想用几个字」的场景。

够用就好，才是最省的性能优化。