我们在网页中经常看到很多图标，它并不是使用的图片，而是使用的字体，观察他们的css，大多类似
.fi_menu:before{
content:"\e9bd";
}
这里使用的就是字体图标，我这篇文章就说说如何制作css使用的字体图标，至于如何使用，我另外单独写文章来介绍吧。
其实，也说不上自己制作，因为还是要借助其他工具或网站的，这里我分享一个方法，也是我一直以来使用的方法：
1.打开网址如下：
2.选中需要导出的图标后，点击上图中的“Generate Font”，点击之后效果如下：
3.直接点击上图中的"Download"就可以了。
4.解压之后，可以看到如下的目录结构：
5.打开demo.html：
6.这样就完成了css中图标字体的制作了。