vue项目中用Iconfont阿里巴巴矢量图标库解析失败的解决办法

用vue做一款APP开发的时候，在本地文件中引入好font字体文件和字体CSS文件后，运行项目的时候总是提示：Failed to decode downloaded font:，字体图标就显示为一个方框，但是我检查了好几次确定不是引入路径的问题，路径都是对的，也百度了好久，始终没有百度出来。

错误提示图片如下：

就在我快绝望，想换个字体图标库的时候，我去看阿里适量图标库里面有个生成代码的功能，如下图：

然后，我把这个代码复制到了fontcss文件中，奇迹出现了，这个字体解析不了的问题终于解决了。

原来的css字体文件截图，如下：

用了阿里适量图标库网页自动生成的CSSfont字体引入代码截图如下：

然后图标就成功显示了，哈哈哈，虽然不晓得这是为啥，但是至少解决了这个奇怪的问题。

字体显示成功的项目截图：

记录下这次框架练习中的问题，每天解决一个问题，距离大神就不远了，争取早日月薪破两万，哈哈哈，说这有点俗了。