搜索
查看: 6976|回复: 1

css字体太大 怎么压缩

  [复制链接]

714

主题

354

回帖

2669

积分

管理员

本论坛第一帅

积分
2669

热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2022-11-20 15:39:32 | 显示全部楼层 |阅读模式 来自 日本
我们在利用css自定义字体时,通常应用的字体比较大。当引入到网站后。加载非常的慢。怎么解决这类问题呢。

这里,我们以小米的字体MiSans-Normal为例。默认情况下,本款字体大小约为7M。
安装fonttools
我们只需执行下面的命令即可!
[pre]
apt-get install fonttools
[/pre]
然后压缩字体。原理是我们只需要生活的常用的一些字体。把不常用的字体除去即可。 这样字体的大小就会减少。
压缩字体
[pre]
pyftsubset mi.ttf --text=$(cat 1.txt) --no-hinting
[/pre]

fonttools

fonttools


1.txt就是我们常用的文件类型。文末会提供获取。
然后将压缩后的文件,我们再次压缩成为woff2
[pre]
woff2_compress m2.subset.ttf
[/pre]
最终,7M多的字体压缩完成后,约有480KB。
常用文字
1.txt (11.09 KB, 下载次数: 1008)

有志者,事竟成,破釜沉舟,百二秦关终属楚. 苦心人,天不负, 卧薪尝胆 ,三千越甲可吞吴
回复

使用道具 举报

105

主题

51

回帖

298

积分

中级会员

积分
298
发表于 2022-11-21 09:51:33 来自手机 | 显示全部楼层 来自 甘肃
:kaixin:学习了!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表