vue使用引入三方字体不生效的问题？

Question

项目中vue需要引入一个不常用的字体，我的方法是在iconfont上用“在线字体”先生成，然后下载下来在引入到vue项目中。

这个iconfont上面输入需要的文字，会直接生成他的字体文件，可以“在线引入”，可以“本地下载”，为了安全我想用下载到本地，然后引入vue项目中。

上面这我的项目：

我先在assets里建了一个fonts目录，然后把字下载下来的字体放进去，然后在该目录下建一个fonts.css文件，文件的内容如下:

上面的字体的地址也没有问题吧？但是死活不出来结果。
但是我用下面注释掉的在线字体地址就没有问题，我还是怀疑我字体路径的问题，但是这路径也没什么问题呀。有人遇到过这种问题没？