字蛛(font-spider)-单独压缩字体(解决页面少有的特殊字体的字体包引用)

特别想独立的把这个问题写成一篇内容,分享给大家。

反正我是这个字体压缩使用的受益者,不是打广告。

很久以前,设计师总是爱用一些奇奇怪怪的字体放在页面上,而作为前端我们很容易的就能直接使用TA们用到的字体包,但是,字体包一般都好几兆,特别占内存,特别拉慢页面的加载速度。久而久之我就不爱设计师设计的字体了。就用电脑,手机默认的字体;

问题是,这样的话总是有点差距的。所以这时我们的解决方案就是:特定的文字压缩,这时文字包就只有kb了。所以知道了这个-字蛛

要使用字蛛步骤:

1.首先是要在电脑上先安装NodeJS的

2.安装好后,打开window+R,输入cmd,进入命令块配置

3.输入指令:npm install font-spider -g

4.完成后,即可开始压缩你需要使用的字体了

5.新建html基本文件夹ziti(css、js、images、html<须引用字体包放入css,html页面的写入需要压缩的文字>)

 引用的字体务必使 .ttf 格式的

6.桌面--windows--CMD-放文件夹的盘:cd/ziti>Font-spider ./index.html

以上步骤就能完成了,真的真的非常完美

原文地址:https://www.cnblogs.com/liuqingxia/p/9401713.html