字体瘦身

最近换上了若志奕鑫大佬的主题,尤其是特别喜欢其中用的鸿蒙字体,但是无奈字体文件太大,有4.3M左右,导致网站加载资源时间较长,于是研究了一下如何减少字体文件体积。网上一顿乱搜后,可以用减少字体中不常用字的数量来瘦身,比如我较少使用的繁体字等等。在这里可以找到常用字,我选的是常用6500字的这个。

但是这个网站貌似不好用,无法上传字体,无法生成目标字体。但此网站是基于FontTools制作,就直接把FontTools工具下载下来了,地址:https://github.com/fonttools/fonttools

fonttools工具具体用法如下:

1.安装

pip install fonttools

2.使用

pyftsubset 拟瘦身的字体文件 --text-file=要保留的常用字文件

比如,我的命令是:

pyftsubset HarmonyOS_Sans_SC_Medium.ttf --text-file=./hm-6500.txt

我用的是6500字的常用字文件

更多pyftsubset用法可以使用命令pyftsubset --help查看。

最终效果明显,直接下载的字体HarmonyOS_Sans_SC_Medium.tff文件8.2M,压缩后的woff2文件4.3M,瘦身精简后只保留常用字的文件只有907K,可以说效果还是非常明显的。

想要成品的评论后可见下载地址

此处内容需要评论回复后方可阅读。

Comments ( 66 评论)

wave
  1. yuxinpop

    8月15日

    谢谢分享,我看看怎么用

    Windows 10 · Google Chrome
  2. 包子1123

    4月25日

    求链接,这个文件是不是要放在服务器,不能放在本地

    Windows 10 · Google Chrome
    1. flypig 博主

      5月10日

      @包子1123 ,是的,要放在服务器上

      MacOS · Google Chrome
  3. 废物作家

    2023年11月06日

    刷到了,我也试试看行不行

    Windows 10 · Google Chrome
    1. flypig 博主

      2023年11月07日

      @废物作家 ,希望能帮到你。

      Windows 10 · Google Chrome
  4. NekoFish

    2023年11月06日

    看看,谢谢大佬分享!

    Windows 10 · Google Chrome
    1. flypig 博主

      2023年11月06日

      @NekoFish ,能帮到你就好。

      Windows 10 · Google Chrome
  5. Smecta

    2023年10月26日

    看看,来试下字体,不知道这6500个字里都有什么

    MacOS · Google Chrome
  6. 八月小灰灰

    2023年10月24日

    哇哦,感谢大佬分享的方法

    Windows 10 · Google Chrome
  7. 李根啊

    2023年10月23日

    谢谢比如你打这个“廋”字,6500个字里就没有。

    MacOS · Google Chrome
  8. 矢岛沙罗

    2023年09月14日

    谢谢好教程,我也来试试

    MacOS · Google Chrome
  9. 熊哥哥

    2023年09月13日

    正好遇到web的问题,十分急需,谢谢分享

    MacOS · Google Chrome
  10. 一坤年

    2023年07月21日

    看看,自己动手丰衣足食。

    Windows 10 · Google Chrome
    1. flypig 博主

      2023年07月22日

      @一坤年 ,感谢大佬

      MacOS · Google Chrome
  11. tomsmith

    2023年07月20日

    感谢博主分享方法!这就去试试。

    Windows 10 · Google Chrome
    1. flypig 博主

      2023年07月22日

      @tomsmith ,感谢大佬

      MacOS · Google Chrome
  12. 看看看

    2023年07月12日

    看看看看看看看看看看看看看

    Windows 10 · Google Chrome
    1. flypig 博主

      2023年07月22日

      @看看看 ,感谢大佬

      MacOS · Google Chrome
  13. 安七七

    2023年03月15日

    学习学习,自己动手丰衣足食。

    Windows 7 · Google Chrome
  14. ljw

    2023年03月01日

    太牛了,正好要用,非常感谢

    Windows 10 · Google Chrome
  15. 夏秦普拉斯

    2023年02月21日

    谢大佬,鲜花花花花花花花花送上

    Windows 10 · Google Chrome
  16. anshu

    2023年02月20日

    牛逼大了刚好需要感谢分享

    MacOS · Google Chrome
  17. hhhhh

    2023年02月08日

    看看看看看看看看看看

    Windows 10 · Google Chrome
  18. 普信男

    2022年11月30日

    看看看看看看看看看看看看

    Windows 10 · Google Chrome
    1. flypig 博主

      2022年12月18日

      @普信男 ,哈哈

      MacOS · Google Chrome
  19. 王者级人物

    2022年07月07日

    感谢博主压缩,拿走了

    Windows 10 · Google Chrome
    1. flypig 博主

      2022年07月08日

      @王者级人物 ,不客气,喜欢就好.

      Windows 10 · Google Chrome
  20. 青丝博客

    2022年07月03日

    没有手,可以直接拿来用吗?

    Windows 10 · FireFox
    1. 张张张

      5月7日

      @青丝博客https://futura.mafutura.top 根据大佬的方法 封装成了 页面工具,有需要的兄弟们可以试试

      MacOS · Google Chrome
      1. flypig 博主

        5月10日

        @张张张 ,能帮到你,很高兴

        MacOS · Google Chrome
    2. zzzz

      2023年05月17日

      @青丝博客 ,学习学习学习学习学习

      MacOS · Google Chrome
    3. 张张张

      2023年03月21日

      @青丝博客 ,666666666,看着很棒

      MacOS · Google Chrome
    4. flypig 博主

      2022年07月03日

      @青丝博客 ,用嘴也行。

      MacOS · Google Chrome
  21. 破晓

    2022年03月13日

    JSD国内还能用吗?想换CDN加速

    Windows 10 · FireFox
    1. flypig 博主

      2022年03月14日

      @破晓 ,貌似不能了,我用的七牛。

      MacOS · Google Chrome
  22. 冷水薄荷

    2022年01月26日

    字体配上黑色更帅

    Windows 10 · FireFox
    1. flypig 博主

      2022年01月27日

      @冷水薄荷 ,怎么说?

      MacOS · Google Chrome
  23. 常瑞

    2022年01月10日

    不错不错,大佬这个主题好看。找若智改的?我看群里没有你这样的

    Windows 10 · Google Chrome
  24. Yolen

    2022年01月08日

    这是一条悄悄话哦~

    iPhone · QQ Browser
    1. flypig 博主

      2022年01月08日

      @Yolen ,多少字的?

      iPhone · Safari
      1. 小屁的博客

        2022年01月09日

        @flypig

        这是一条悄悄话哦~

        Windows 10 · Google Chrome
        1. flypig 博主

          2022年01月09日

          @小屁的博客 ,是 若志 大佬帮我定做的。

          MacOS · Google Chrome
  25. gg

    2021年12月28日

    look

    Windows 10 · Google Chrome
    1. flypig 博主

      2021年12月29日

      @gg ,look,look.

      Windows 10 · Google Chrome
  26. 小言u

    2021年12月24日

    请教一下是用什么工具压缩的字体文件,想给别的字体压缩,结果都不是很理想

    Windows 10 · Google Chrome
    1. flypig 博主

      2021年12月24日

      @小言u ,文章有说明。

      MacOS · Google Chrome
  27. 世谕

    2021年12月18日

    重新来学习~

    Windows 10 · Google Chrome
    1. fzpic

      2023年09月29日

      @世谕 ,找了好久,感谢,还有精简工具,太棒了。

      Windows 10 · Google Chrome
    2. FlyPig 博主

      2021年12月18日

      @世谕 ,欢迎大佬

      iPhone · Safari
  28. 能个

    2021年12月06日

    厉害了wodege

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年12月06日

      @能个 ,过奖了,兄弟。

      Windows 10 · Google Chrome
  29. OhYee

    2021年11月22日

    来试下字体

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年11月22日

      @OhYee ,多谢大佬赏光。

      MacOS · Safari
  30. crll

    2021年11月08日

    真不错,学习了!

    Android Pie · Google Chrome
  31. 呆哥

    2021年11月05日

    把字体丢cdn里也还行吧,我的字体10几M,首次打开我的博客或许会有点慢,有了缓存就很快了

    iPhone · QQ Browser
    1. FlyPig 博主

      2021年11月05日

      @呆哥 ,已经给了CDN了。

      Windows 10 · Google Chrome
  32. 韭菜

    2021年11月03日

    这个主题是出售的吗?

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年11月04日

      @韭菜 ,不是

      iPhone · Safari
  33. 隔壁小胡

    2021年11月02日

    这个字体我很喜欢,找时间也换上

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年11月02日

      @隔壁小胡 ,感谢大佬宠幸!

      MacOS · Google Chrome
  34. 森羽

    2021年11月02日

    不错,我也去瘦瘦身

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年11月02日

      @森羽 ,让您见笑了

      iPhone · Safari
  35. 橘生淮北

    2021年11月01日

    给我也廋身一只ttf呗?

    Windows 7 · Google Chrome
    1. FlyPig 博主

      2021年11月01日

      @橘生淮北 ,比如你打这个“廋”字,6500个字里就没有。

      MacOS · Google Chrome
    2. FlyPig 博主

      2021年11月01日

      @橘生淮北 ,方法已经说了,自己动手丰衣足食。

      MacOS · Google Chrome
  36. 活溢流

    2021年11月01日

    看看

    Android · QQ Browser
悄悄话

搜索