大家好，欢迎来到IT知识分享网。
使用场景：在项目中，需要下载使用团队上传到阿里巴巴矢量库中的字体图标
两种方法：
一是下载新的iconfont文件，直接替换本地的iconfont文件【下载的文件夹名一般是font_编号】，再在前端.vue文件中引入使用；
二是下载新的iconfont文件，在本地iconfont.css文件中添加需要的新的字体图标代码，再在前端.vue文件中引入使用；
第一种方法：
1、下载字体图标库配置文件
2、下载文件解压缩，将新的文件夹下所有文件替换到项目中，文件夹具体命名要看项目实际情况，一般叫iconfont
第二种方法：
1、在新下载的iconfont.css找到新增的字体图标代码，复制整个内容到原来项目中iconfont.css文件中
.vue文件中的使用方法：
<i class="iconfont icon-a-bianzu42"></i>对于字体图标的样式修改可以在style中利用.iconfont类名来修改，注意使用字体图标时iconfont类名必须要添加，这是字体图标标识
字体图标的样式设置跟字体很相似，变色方便，适合用在拥有不同主题颜色的系统中
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/110759.html
