vue引入阿里云图标

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); }