1
头图

问题描述

有时候为了项目的美观程度,我们需要使用一些好看的字体,进行文字的优化。但是,一个字体文件一般都好几MB,文件太大,打包放到生产环境,很显然会浪费流量带宽,导致网站请求时间加长,这个肯定是不行的。所以我们需要去做字体压缩。

字体文件大的原因是因为汉字文字很多,据说,汉字总数有将近10字...

字体压缩

字体压缩的思想就是,把项目中需要使用到的文字单独拎出来,用不到的文字,就不要了,相当于按需引入。毕竟,我们使用花式字体,所应用的字并不是有很多字。一般也就十几个,顶多几十个。

Fontmin使用步骤

可以使用代码的形式去操作,npm i fontmin -g

也可以直接使用客户端进行压缩

这里推荐使用客户端形式进行压缩

第一步,下载客户端

直接去官网下载即可,官网有客户端下载入口,官网附上:

https://ecomfe.github.io/font...

第二步,安装好并使用

安装略...

使用如下图:

第三步,生成好的压缩文件

我们可以看到,生成了有各种格式的文件,我一般直接使用.ttf文件。

第四步,在项目中使用压缩后的字体

由4兆多,压缩到20多KB,这样的话,勉强可以接受,可以在生产环境使用了...

直接使用客户端进行压缩的这种方式,个人觉得比写代码更加方便。当然写代码控制也行的,这里看个人喜好。整体来说,就压缩字体而言,这个插件还是不错的选择的。❤推荐一下❤

水冗水孚
1.1k 声望584 粉丝

每一个不曾起舞的日子,都是对生命的辜负