1.进入阿里云图标官网 阿里云图标https://www.iconfont.cn/
2.选择项目所需的图标到购物车
3.添加到项目中
4.到我的项目,下载到本地
6.新建文件夹,存放解压出来的所有文件
7.在main.js中导入样式
import "./assets/iconfont/iconfont.css"
8.在页面中使用
<i class="iconfont icon-idcard"></i>
PS:字体图标,不可以通过宽高来调节大小,可以通过文字样式调节,需要写到通过类名iconfont设置,否则CSS权重不够,调节不了样式
.iconfont { margin: 0 1% 0 15%; font-size: 2em; color: rgba(32, 140, 252, 1); }