1、登录iconfont官网: https://www.icon font.cn/collections/index
2、选择自己需要的icon,放入购物车
3、在右上角点击刚进入购物车的icon
3、无论是直接点击下载代码,还是添加到项目后再下载代码都是一样的。
4、解压缩下载的代码,得到以下文件
将iconfont.css、iconfont.eot、iconfont.js、iconfont.json、iconfont.svg、iconfont.ttf和iconfont.woff转换为vue的静态状态
导入import ' @/assets/icon font/iconfont.CSS '时只需导入icon font.CSS即可
5、构建过程中使用
iclass=' iconfonticon-MD-settings '/iclass需要iconfont,icon-MD-settings是刚才选择的图标的类名