问题描述
有时候为了项目的美观程度,我们需要使用一些好看的字体,进行文字的优化。但是,一个字体文件一般都好几MB,文件太大,打包放到生产环境,很显然会浪费流量带宽,导致网站请求时间加长,这个肯定是不行的。所以我们需要去做字体压缩。
字体文件大的原因是因为汉字文字很多,据说,汉字总数有将近10字...
字体压缩
字体压缩的思想就是,把项目中需要使用到的文字单独拎出来,用不到的文字,就不要了,相当于按需引入。毕竟,我们使用花式字体,所应用的字并不是有很多字。一般也就十几个,顶多几十个。
Fontmin使用步骤
可以使用代码的形式去操作,npm i fontmin -g
也可以直接使用客户端进行压缩
这里推荐使用客户端形式进行压缩
第一步,下载客户端
直接去官网下载即可,官网有客户端下载入口,官网附上:
https://ecomfe.github.io/font...
第二步,安装好并使用
安装略...
使用如下图:
第三步,生成好的压缩文件
我们可以看到,生成了有各种格式的文件,我一般直接使用.ttf文件。
第四步,在项目中使用压缩后的字体
由4兆多,压缩到20多KB,这样的话,勉强可以接受,可以在生产环境使用了...
直接使用客户端进行压缩的这种方式,个人觉得比写代码更加方便。当然写代码控制也行的,这里看个人喜好。整体来说,就压缩字体而言,这个插件还是不错的选择的。❤推荐一下❤
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。