字体子集使用(缩小字体文件体积)

568 阅读1分钟

字体子集使用(缩小字体文件体积)

在开发首页、介绍页等网站门面页时,UI设计经常会对字体有要求,比如某几个字或一段字,需要要UI提供的字体。

但很多时候,一些汉语字体包经常十几兆大小,虽然我只需要使用几十个字,但把这整个字体包引进来,对网络性能和项目体积是有很大压力的,尤其是用在首页等位置,导致页面加载速度变慢。

这时字体子集生成器就很有必要使用了。

顾名思义,字体子集就是从一个字体中抽出一部分来使用,在这里我们就可以指定从一个字体包中,把我们需要用到的几十个字抽出来,生成一个新的字体包,这时的体积就比原先的小很多很多了。

有一点需要注意,就是当产品修改了文字,添加了一些新的字,就需要再生成一次字体子集了。

还有一个比较好的方案,就是把文案和完整字体包放在后台,前端每次请求字体时,后台就使用一些代码工具来生成字体子集,返回给前端使用。

下面是可以生成字体子集的方式。

字体子集生成器App

字体子集生成器 App,只支持上传ttf格式的字体,很好用(推荐)。

官方项目地址:github.com/ecomfe/font…

Snipaste_2020-12-30_11-58-13.png

在线生成字体子集

不用下载软件,在线生成,但只支持上传ttf格式的字体,也足够使用了。

在线地址:www.fontke.com/tool/subfon…