在vue中引入iconfont图标字体,保证不报错

首先在iconfont官网上下载好自己需要的字体图标,如下:

在vue中引入iconfont图标字体,保证不报错_第1张图片
图片来自本地
在vue中引入iconfont图标字体,保证不报错_第2张图片
图片来自本地

接下来在vue项目的main.js中导入iconfont字体图标相关文件,如下

在vue中引入iconfont图标字体,保证不报错_第3张图片
图片来自本

这样就大功告成了。

另外对于小白需要注意的是,外部js文件最好也在main.js中导入,不要问为什么,实践出真理。

你可能感兴趣的:(在vue中引入iconfont图标字体,保证不报错)