关于添加icomoon的字体图标样式关于从icomoon中引入字体图标的操作方法，都是个人经验，具体每一步的原理还不清楚

把从icomoon网站上下载的的文件夹全部放到目录文件夹（有些说直接把fonts文件夹放进去，我觉得反正都放进去也不会缺什么东西）;
打开里面确保有一个style.css文件，如图：
如果没有，说明下载不正确，要到官网里的icomoon app里挑选下载出来的文件才有这个；
在自己项目中的目标html文件里添加这个文件，就跟平时添加css文件一样，注意路径要正确；
接下来有三种方式添加字体图标，我分别把代码粘下来：
第一种直接在css中修改得到字体图标。
html：
```
<div class="pencil1"></div>
```
css：
```
.pencil1:before {
            content: "\e906";
            font-family: 'icomoon';
        }
```
第二种将字体图标的特殊字符代号写入盒子。
html：
```
<div class="pencil2">&#xe906;</div>
```
css：
```
.pencil2 {
            font-family: 'icomoon';
        }
```
第三种直接复制字体图标（通常是个方框或者问号）写入盒子：
html：
```
<div class="pencil3"></div>
```
css：
```
.pencil3 {
            font-family: 'icomoon';
        }
```
其中字符代号和需要复制的字体图标可以从下载的文件中找到demo.html打开获得：

其中上面两行代码对应方法一，左下角的html entity是字体图标的字符代号对应方法二，右下角的character是可以复制的字体图标（我还没搞懂具体是什么）对应方法三。