1、首先要下载nodejs和npm,现在新版本nodejs已经集成了npm,只不过不是最新版的,但是也已经够用了。
登录nodejs官网下载:https://nodejs.org/en/download/
按操作系统不同可以选择下载,记住选LTS版的,是稳定功能版,这里我用的是Linux的。
2、点击下载完成后
3、用ftp上传到自己的Linux上, 这里我放的目录是/usr/local/nodejs下,
4、再用命令:
tar -zxvf node-v13.12.0-linux-x64.tar.gz
解压,解压后得到如下:
5、之后进入文件夹:,发现如下三个目录:
6、再使用软连接命令:
ln –s /usr/local/nodejs/node-v13.12.0-linux-x64/bin/node /usr/local/bin
ln –s /usr/local/nodejs/node-v13.12.0-linux-x64/bin/npm /usr/local/bin
就可以全局使用变量了。
7、输入node –v 和npm –v 查看效果。出现如下:
则表明安装成功了。
接下来开始安装字蛛了。
8、在命令行输入:
npm install font-spider –g
等待一会等待下载完成,之后下载好之后,在刚才创的nodejs/node-v13.12.0-linux-x64文件夹下的bin目录,出现如下:
已经下载好了,但是还是要简历软连接,使变量全局生效。
9、输入:
ln –s /usr/local/nodejs/node-v13.12.0-linux-x64/bin/font-spider /usr/local/bin
10、然后测试是否安装成功,退出bin目录后,再输入:font-spider –V,记住是大写的V。出现如下:
则代表安装成功了。
11、接下来就可使用来压缩css和html文件里引入的外部字体包了。
需要单独创建创建font文件夹,src路径一定要对且存在文件。
再进入项目html所在文件,使用
font-spider *.html
,这里是对所有html文件生效。之后会在你项目文件夹,定义路径的font里下生成.font-spider文件夹。代表压缩成功了。
右边蓝色箭头是已经压缩好的字体包,拿去引用就好。.font-spider文件夹里面装的是原来未压缩的字体包。