用 ripgrep+fonttools 动态压缩网站中的字体

[vigack]

最近在折腾博客，想要用好看的字体，又不想牺牲体验，于是尝试了一下压缩字体。以仓耳渔阳字体为例，压缩前的 ttf 为 1.6M ，根据使用到的字符取子集后的大小为 297K，进一步压缩为 woff2 格式后大小只有 162.8K ，这个大小基本可以做到无感知加载了。

大致思路是：

• ripgrep 查找所有用到的字符：rg -e '[\u4e00-\u9fa5]' -oN --no-filename|sort|uniq|tr -d '\n'
• 用 fonttools 根据指定的文本进行字体压缩

为啥不用现成的字蛛呢，因为我花了很久也没跑起来……

[vigack]

这是最后的效果：hsingko.github.io/post/compress_webfont

[cyio]

效果很好

[learningman]

但是有个问题，这个文件不会经常要更新吗？一更新用户的缓存就要作废

[vigack]

@learningman

就博客的应用场景，更新频率不高。
况且字体不到 200K，即便更新了缓存用户也不会有非常明显的感知，你可以进入我的博客试试强制刷新。

就我的情况而言，用户缓存更多的情况下是自动 expire——因为 github page 默认的缓存周期只有几分钟。