细心的同学会发现我首页的英文字体比较特别,当时特地找的,后来优化时发现加载字体的时间略长,体验不太好,于是找到了这个开源项目。
他的作用就是先进行预处理,生成你用到的所有字母的字体库,因为我用到的太少了,用这个优化后从几个M的文件变成几K,速度杠杠的。
- 具体使用流程看官网 http://font-spider.org/
踩坑记录
1、如果要直接在cmd里执行的话是需要配置环境变量的,不然就得进入到文件目录中
![](https://img.haomeiwen.com/i3384379/0189d20512d050a7.png)
安装后下拉找到文件所在路径,用命令cd 进入即可执行,或者直接添加到环境变量即可
文件路径如下图,安装完成后找下
![](https://img.haomeiwen.com/i3384379/c306671106064ac0.png)
2、执行时输入的是文件的绝对路径,直接到需要处理的文件copy路径。还可以用 * 通配符直接匹配所在文件夹下面的所有html。
3、该文件必须是能独立运行的html文件,且不能是在框架里的view层的文件。因为文件引用路径不会按着框架的来,只会是相对路径。
4、执行后只会备份ttf格式的字体,其他的将被覆盖,所以记得手动备份。
5、如果提示有的字体不支持如eot的,得删除相关的引用的代码
网友评论