问题形容
有时候为了我的项目的好看水平,咱们须要应用一些难看的字体,进行文字的优化。然而,一个字体文件个别都好几 MB,文件太大,打包放到生产环境,很显然会节约流量带宽,导致网站申请工夫加长,这个必定是不行的。所以咱们须要去做字体压缩。
字体文件大的起因是因为汉字文字很多,据说,汉字总数有将近 10 字 …
字体压缩
字体压缩的思维就是,把我的项目中须要应用到的文字独自拎进去,用不到的文字,就不要了,相当于按需引入。毕竟,咱们应用花式字体,所利用的字并不是有很多字。个别也就十几个,顶多几十个。
Fontmin 应用步骤
能够应用代码的模式去操作,npm i fontmin -g
也能够间接应用客户端进行压缩
这里举荐应用客户端模式进行压缩
第一步,下载客户端
间接去官网下载即可,官网有客户端下载入口,官网附上:
https://ecomfe.github.io/font…
第二步,装置好并应用
装置略 …
应用如下图:
第三步,生成好的压缩文件
咱们能够看到,生成了有各种格局的文件,我个别间接应用.ttf 文件。
第四步,在我的项目中应用压缩后的字体
由 4 兆多,压缩到 20 多 KB,这样的话,勉强能够承受,能够在生产环境应用了 …
间接应用客户端进行压缩的这种形式,集体感觉比写代码更加不便。当然写代码管制也行的,这里看集体爱好。整体来说,就压缩字体而言,这个插件还是不错的抉择的。❤举荐一下❤