字蛛下载安装

第一步：下载准备

在下载字蛛之前要准备好环境:

1. 保证node.js的npm版本在5.0.0以下
2. 下载了python2.x.x环境

注意：因为如果需要用npm下载vue-cli的话，vue-cli对node的版本也有要求，要两者一起考虑。
node老版本下载
node下载安装教程
python下载官网
python环境变量配置

第二步：下载安装

字蛛官网
全局安装，安装完成的路径C:\Users\26910\AppData\Roaming\npm\node_modules\font-spider

npm install font-spider -g

下载后通过此代码可以查看是否安装成功

font-spider -version

下载时间很长，cmd中出现了页面结构则为成功

第三步：使用字蛛

首先项目中必须含有.TTF文件
1.在css文件中写
下面的pinghei是自己起的名字，注意不要重复（外部引入和系统默认存在的）
压缩字体的时候不要有英文和空格
如果以下文件都有，就这样写

@font-face {
  font-family: 'pinghei';
  src: url('../font/pinghei.ttf');
  src:
    url('../font/pinghei.eot') format('embedded-opentype'),
    url('../font/pinghei.woff') format('woff'),
    url('../font/pinghei.ttf') format('truetype'),
    url('../font/pinghei.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
h1{font-family:'pinghei'}

如果只有一个.TTF文件则这样写

@font-face {
  font-family: 'myfont';
  src: url('../font/优设标题黑.TTF');
}

2.在html文件中调用css，在含有html的文件夹位置中打开cmd

font-spider *.html
或者font-spider xxx.html

若不在指定文件夹打开的cmd则后面要加路径

font-spider e:/home/html/index.html

注意：
css引入TTF文件的时候路径一定要是相对路径，路径一定要写正确否则会出现下面等错误。

<web font not found>

html文档中哪些字使用了字体，在用字蛛压缩后，字体文件中只会有那些使用过字体的文字，后面再用新的字使用就无效了