未分類
12 2 月 2021

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

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

資深大佬 : vigack 3

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

大致思路是：

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

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

大佬有話說 (4)

  • 主 資深大佬 : vigack

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

  • 資深大佬 : cyio

    效果很好

  • 資深大佬 : learningman

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

  • 主 資深大佬 : vigack

    @learningman

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

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