Element引⼊Iconfont（阿⾥巴巴⽮量图标库）第三⽅图标库
最近在使⽤vue-element-admin开源项⽬进⾏系统开发，但是在引⼊第三⽅图标库的时候，出现了⼀些问题，百度了，也没有到⾃⼰想要的答案，最后经过多次尝试，将问题解决。所以特此记录⼀下，以便以后⽤到。
创建获取图标库
登陆
创建项⽬
注意：这⾥的前缀名称不要使⽤el-icon避免和Element⾃⾝的冲突。
在图标库中选择图标，添加⼊库
将选择好的图标，添加到项⽬
下载到本地解压
Element引⼊图标库
1、在项⽬中创建⼀个⽂件夹，将刚才下载的图标引⼊。如图：
2、引⼊全局CSS
3、修改iconfont.css
修改前
修改后
1、删除@font-face中的最后⼀⾏，svg。
2、修改.iconfont
4、修改图标样式
根据⾃⼰的需求，修改图标的样式和尺⼨。
注意：这⾥修改的是全局的。
5、使⽤图标：
vue element admin
使⽤i标签引⼊，class必须加上iconfont

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。