vue项目中如何使用阿里的字体图标iconfont

1、在阿里字体图标库中选择自己需要的图标

网址：iconfont-阿里巴巴矢量图标库

1.1 点击购物车，加入选择的图标

1.2 再点击上方购物车，如果是多人写作项目直接添加到项目即可

              

 2、然后解压文件，再在项目创建文件引入，html无需引入

      

 2.1 在项目需要页面引入css文件即可，如果项目中大量使用，建议全局引入或注册为全局组件

import '@/assets/iconFont/iconfont.css'

2.2 然后在 i 标签class设置类名使用即可，注意前面要加 iconfont

效果如下：