VUE引入字体图标库

时间:2022-08-06 20:50:23

1. 下载阿里图标

VUE引入字体图标库

2. 解压文件,并复制文件到VUE项目内

VUE引入字体图标库

3. 找到添加的字体图标的.css文件,将.iconfont改成[class^="iconfont"], [class*=" iconfont"],同时替换font-family为iconfont(保持一致)

VUE引入字体图标库

4. main.js引入字体图标(全局,也可局部引入使用)

VUE引入字体图标库

5. 使用class类名方式使用字体图标即可

VUE引入字体图标库