Vue iconfont 显示不出来图标解决方案

之前写过怎么在Vue里面引入iconfont,地址:https://blog.csdn.net/qq_34802010/article/details/81451278

当时对于woff文件其实Vue是有点无法识别的。折中的采用了让woff文件与CSS文件放在一起【具体的可以看我之前博文】

 

上图就是当时折中写的路径,并且在笔记本电脑上成功运行了↑

但是今天在办公机上将自己的项目添加进去之后发现,始终无法出现想要的图标,而是一个小方框,这代表路径不对,参照网上的方法改了半天也没有起色,还是小方框。

最后!忽然想起之前看到的一种形式:

 将形式改成这样以后,办公机也可以用了【注意路径哈】。在笔记本上也测试了一下,也是可以的。

有兴趣的可以试试~

猜你喜欢

转载自blog.csdn.net/qq_34802010/article/details/81700582