在原有的项目上添加新的iconfont图标

昔者于道中接手项目，增新图志之时，心惑不解。今偶有余暇，遂笔记之以备忘。

第一种情况，别人把你拉到了iconfont项目里

1.直接搜索图标，找到需要的图标加入到购物车里

2.添加到项目里

3.下载到本地

4.解压

解压后可以看到如下文件

5.替换

找到项目文件里与上图下面圈里对应的三个文件，将新下载下来的这三个文件改成自己项目对应的名字(如果之前没有改过名字，直接替换就好了)

6.更改iconfont.css文件内容

这个文件最好不要直接替换，因为你不知道别人是不是更改过图标的名字

原项目iconfont.css文件里有以下代码

 

把除了以上代码以外的全部复制下来！！！！！！！！！！！！

粘贴到新下载下来的iconfont.css文件里，要把除了新加的图标以外的替换掉

然后就可以替换掉项目里的iconfont.css文件了！

第二种情况 别人没有把你拉到项目里

那就只能自己创建项目了

跟第一种情况类似，从解压后开始说

1.解压后

重点文件还是一样,只是这三个文件需要另起一个名字

我改成了这样：

2.然后把以上三个文件复制到项目里

在新下载下来的iconfont.css里，找到以下代码并更改成上一步的名字

3.更改iconfont.css文件内容

把这段代码粘贴到项目的iconfont.css文件里

把对应的图标代码也粘贴进来

ok,这样就可以用新图标🦌