此篇讲述如何利用icomoon导入图标，大家都知道，网站以及移动端，用图标还是尽量选择这种统一的方式（图标转字体）。
因为直接用image有些图标会失真，使用svg转字体后，可以通过样式去控制图标大小和颜色，不会因为放大而产生锯齿等。
从而这也是前端开发之中，需要去掌握的一项。
一、icomoon官网
上图是icomoon的整个操作界面，很简单明了。
会员用户可以通过账号存储图标的信息；
非会员用户只能通过浏览器的在本地存储相应的图标信息，因此普通用户尽量在同一个浏览器上面去编辑图标库，有需要的情况下将所有的svg图标进行导出备份，这样每次就不会失去以前导入好的图标了。
二、使用方法
1、将svg图片生成为字体图标
点击左上角import icons按钮，出现弹窗，将要上传的svg选中上传。上传之后，选中我们上传的图标，然后点击右下角generate Font，生成字体图标。
2、进行文件设置，以及图标命名，脱水、旋转、放大/缩小等操作
下图1
下图2
3、下载字体文件
点击右下角download，下载字体文件，文件名字就是‘下图2’中你的font name命名+version。
如‘下图2’中，我命名Font Name为nft，下载下来的包名就是nft-v1.0.zip。解压之后可以看到文件目录是下图这样的：
包含了ie7的兼容样式，scss文件，以及fonts文件夹和selection.json。selection.json很重要，日后追加icon会需要，这里划重点。
4、具体使用方法
可以整个icomoon文件导入到项目文件中，根据路径来引用。也可以只使用fonts文件夹下的文件和style.css。
页面中调用方法如下图：
十分简单，不再赘述。
5、追加图标
重点来了，还记得我们之前划重点的selection.json吗？
- 首先找到icomoon文件夹中的selection.json
- 打开icomoon网站，点击IcoMoon App
- 点击Import Icons，导入我们的selection.json 文件，会看到之前图标，再选择添加需要的图标，
通过下面的selection()可以看出有几个字体图标的，选好后点Generate font (生成字体图标)，最后点Dowload下载字体图标。 - 下载好icomoon字体包，把之前的icomoon包删除替换，把项目中的fonts文件删除，重新添加新的fonts；
再打开icommon中的demo.html，找到新添加的字体图标，双击复制张贴到HTML中需要的地方，浏览器打开查看，图标显示了就完成了。
6、注意事项
- 我们在项目中使用字体图标的话一般是用标签。
- 使用自己图标的时候，要先声明，再引用，之后在标签中调用，缺一不可。
- 为了后续可以持续添加字体图标，注意不要始终删除icomoon包，无论是保存在别处也好，还是全部引用到项目里也好
