阿里巴巴矢量图标库字体图标Font class的使用方法

使用场景：在项目中，需要下载使用团队上传到阿里巴巴矢量库中的字体图标

两种方法：

一是下载新的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类名必须要添加，这是字体图标标识

字体图标的样式设置跟字体很相似，变色方便，适合用在拥有不同主题颜色的系统中