个人项目中使用iconfont小图标和团队项目中使用iconfont小图标

百度搜索阿里巴巴矢量图标库，将自己喜欢的小图标添加至购物车，点击购物车，点击添加至项目

点击创建新项目

这里就是我们即将使用的小图标喽

如果对某些小图标的样式不太满意，将鼠标放在小图标上面

点击编辑就可以修改样式了，然后点击下载

解压之后的目录是这样的

将iconfont.css放到你自己的css文件夹中，然后引入到你自己的项目中，在css文件夹同级目录下创建一个font文件夹，将上图中的iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff这四个文件放进去

然后修改iconfont.css样式，因为iconfont.css所属的文件夹和font文件夹是同级的，所以要在第2，3，5，6行加上../font/

接下来说一下引入在html中引入css文件夹下面的iconfont.css

因为我做的是vue项目,所以嵌套的比较深，但是套路都是一样的

接下来就是使用了

如果害怕样式重复的话，可以再加一个类名，但是不能删上面原有的东西，刚开始下载下来的东西上面是

要使用哪个样式，就把哪个样式的名字复制下来，把上面的icon-xxx替换，一般我喜欢直接复制后面的

接下来再说说团队使用小图标

通常做项目都是团队，每个人负责一部分，如果要使用小图标的话，每个人下载一份这样来说不现实，每个人的需求也不一样，接下来教大家一个办法

点击箭头，可以点击添加项目成员，（建议添加的时候项目成员同时在线，不然搜不到）。

使用小图标有个不好的点，就是如果你下载的时候如果没下载全，项目什么的已经配置好，要添加新的小图标的话，加入购物车-> 添加至你原来的项目->下载->iconfont.css和font里的文件夹都要放入最新下载的