关于字体:推荐使用Fontmin插件进行字体压缩

54次阅读

共计 581 个字符,预计需要花费 2 分钟才能阅读完成。

问题形容

有时候为了我的项目的好看水平,咱们须要应用一些难看的字体,进行文字的优化。然而,一个字体文件个别都好几 MB,文件太大,打包放到生产环境,很显然会节约流量带宽,导致网站申请工夫加长,这个必定是不行的。所以咱们须要去做字体压缩。

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

字体压缩

字体压缩的思维就是,把我的项目中须要应用到的文字独自拎进去,用不到的文字,就不要了,相当于按需引入。毕竟,咱们应用花式字体,所利用的字并不是有很多字。个别也就十几个,顶多几十个。

Fontmin 应用步骤

能够应用代码的模式去操作,npm i fontmin -g

也能够间接应用客户端进行压缩

这里举荐应用客户端模式进行压缩

第一步,下载客户端

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

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

第二步,装置好并应用

装置略 …

应用如下图:

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

咱们能够看到,生成了有各种格局的文件,我个别间接应用.ttf 文件。

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

由 4 兆多,压缩到 20 多 KB,这样的话,勉强能够承受,能够在生产环境应用了 …

间接应用客户端进行压缩的这种形式,集体感觉比写代码更加不便。当然写代码管制也行的,这里看集体爱好。整体来说,就压缩字体而言,这个插件还是不错的抉择的。❤举荐一下❤

正文完
 0