700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Vue 项目中如何引入 iconfont 字体图标

Vue 项目中如何引入 iconfont 字体图标

时间:2020-11-02 18:52:25

相关推荐

Vue 项目中如何引入 iconfont 字体图标

1.在Iconfont 官网选择要下载的图标,下载至本地。将下载的内容放在 assets 文件夹下。

2.在 main.js 文件中引入 iconfont.css 的样式

import '@/assets/fonts/iconfont.css';

3.如何在 vue 中使用呢?

<i class="iconfont icon-zitigui-xianxing"></i>

4.如果报错,需要安装 css-loader 依赖包

npm install css-loader --save

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。