坑是很多的，还是因为自己不太熟悉哈，刚开始压缩好了字体，导入到项目里面，一直没有显示出来我想要的字体汉字，一直怀疑vue的webpack有问题，本地用html测试可以的，折腾了一个下午的vue基本还是没有解决问题。

vue导入字体的话，有很多种办法，可以自己度娘下的，可以再main.js引入css，再app.vue里引入css，只要你能引入，本地run起来ok，什么路径问题没加载的问题run的时候直接会报错的，没有问题的话字体就是已经加载过来了，这里就不用去纠结了。

那么为什么没有显示出来我要的字体汉字呢？其实是跟font-spider的执行的html代码有关系，简单的说下font-spider的压缩原理，它是把你所用到的某几个汉字的字体拿出来了，其他不涉及的汉字全部都剔除掉了。所以，如果你执行的html文件里所涉及到的汉字没有你项目里的汉字，结果还是一样的，字体没有发生什么变化哈。原本我以为font-spider是压缩了整个字体文件，不管你输入什么它都是直接显示这个字体的，真是大错特错了哈。