Iconfont中添加新的矢量图标

##iconfont中追加矢量图标

在页面不断的更新改变的过程中以及在码页面的时候，避免不了的会遗落一些的iconfont图标，这个时候应该怎么办？

方法一

这个方法是最不需要动脑但是确实最low和最麻烦的方法就是直接在重新下载新的iconfont文件跟换就的文件

方法二（推荐使用的方法）

第一步：在iconfont的官网上找到对应新增的矢量图标
官网地址（https://www.iconfont.cn/）

点击下载代码，将代码下载到本地
第二步：
将下载好的矢量图标的文件更改后缀（避免文件重名），其中有四个文件是必要的其他的都可以不要

其中
这四个文件是必要的，iconfont-zx.woff2这个文件需不需要是要看你的iconfon.css文件中
有没有使用woff2，如果使用则iconfont-zx.woff2，反之则不必要，如下图

必要iconfont-zx.woff2，如果想下图则不需要iconfont-zx.woff2

第三步：
将文件引入之后，需要在呗追加的iconfont.css文件中条件新添的iconfont.css的@font-face部分
如下图：

将需要新增的iconfont的矢量图标的css样式添加进去

第四步：
已经可以使用新添的图标了

注意：在iconfont.css中的矢量图标的名字要与span标签中的class中的名字相同。