VUE字蛛的使用

坑点： 

1、 对于不识别VUE后缀文件。建议先行阿里巴巴在线字体库生成。没有需要的字体时，本地全局安装字蛛包。

2、对需要优化的字体，新建一个font.html,其中对style部分：

`<style>

@font-face {

font-family: 'STYuanti-SC-Bold';

src:url("./STYuanti-SC-Bold.ttf") format("truetype");

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'PingFangSCRegular';

src:url("./PingFangSCRegular.ttf") format("truetype");

font-weight: normal;

font-style: normal;

}

.st{

font-family: 'STYuanti-SC-Bold';

}

.pfr{

font-family:'PingFangSCRegular';

}

</style>

`

3. HTML    部分：

`<div class="st">xxx方法：+1234567890</div>

<div class="pft">xxxx属性</div>

`

4. mac shell or win 的命令行 cd font.html在的目录到使用font-spider 命令该干嘛干嘛（模拟一个本地阿里巴巴在线字体库的功能）

5. https://github.com/allanguys/font-spider-plus。有人实现了在线文件的抓取处理。