字蛛bug总结

今天设计突然给我说要我页面上使用特殊字体，啪！甩给我了一个31M的ttf字体，我直接懵逼，这么大?

然后我百度发现有一个叫做子蛛font-spider的东西可以用来压缩字体,官网,不过目前貌似进不去了，我下面说一下咋用

//第一步是下载一定没错
npm install font-spider -g

//第二部查看版本号保证下载没问题
font-spider -V
//反正我是1.3.5

然后就是正常使用了，你把你html文件的路径复制出来，或者在cmd里cd到你目录里面去

font-spider 路径
//如果你在目录下你可以直接
font-spider index.html
//后面就是你html文件名

然后就压缩成功了，会出现一个.font-size的文件夹还是.font-spider的文件夹忘了，反正她是你上一次压缩的字体的备份，不需要引入她，之前的字体在哪放压缩后的还在哪儿放(简单理解就是压缩之后给多的文件夹删了就好了)

唯一有个问题就是，子蛛只能压缩静态文字，就是你现在html中写入的文字，如果你使用了vue的插值语法之类的都不可以被压缩，包括你鼠标经过修改的文字，点击修改的问题，所以说你需要给所有要显示的文字复制到页面的html上，然后再去压缩文字，压缩完之后再给删了就好了

常见报错:

Error: Offset is outside the bounds of the DataView

我今天看见这个报错之后，我去百度没有查到任何一个解答，貌似没有人遇到过一样

经过我思考后这个问题是来自字体文件太大，我是30M的字体文件，然后就过大了，换成11M的解决了这个问题

web font not found

子蛛报这个错误一般是因为你字体引入错误，去检查一下你字体是否引入，或者页面有没有哪里设置了没有引入的字体!

总结

​ 目前我就遇到了这几个问题，以后再有幸用这个玩意遇到问题了就再更新