字体压缩无奈之举


MiSans官网某一截图

这几天在折腾一下自己的网站,然后我发现我CSS中使用的字体未被正确显示出来(我字体文件夹路径搞错了呜呜呜)
当我改为正确的路径后,我发现网站加载时间太长了。我使用了4种不同的字体,加上服务器的带宽不太行,我很快就想到了需要压缩字体文件大小,于是就有了这篇文章。😊

Unicode统一码,里面有差不多一百多万个字符,而制作像我们这样的简体中文网站,就只需要3500+常见字。如果能去掉其他字符取之3500常见字,岂不美哉。

所以拿起你的字体,跟着我一起来压缩字体大小吧:D

首先你的电脑要安装Python3和pip,然后打开cmd,输入pip install foottools,等待安装完成。 接着下载常用字符sc_unicode.txt将你需要处理的字体文件和sc_unicode.txt都放入同个文件夹,在这个文件夹内创建一个py文件,输入以下代码:(当然你需要自行修改文件名)

Python代码

效果十分显著,8MB→1.5MB,为了网站的加载速度还是值得。如果还想进一步压缩可以参考Google woff2,但是并没有像这样的压缩的效果,1.5MB对我来说足以,也不再进行研究了。

参考资料:
网页中文字体压缩(woff2)、拆分、去繁体字库,提高加载速度
几个技巧把字体文件压缩到十分之一的体积
MiSans官网