iconfont 阿里巴巴矢量图库是个好东西呀~  http://www.iconfont.cn/
巨大的图标库，可惜都是png的，不能随意用作字体图标。
这里讲一下，如何将iconfont转换为字体图标
1.添加几个矢量图并下载code  （点击侧边栏的 download code ）  



2.打开网站 ： https://transfonter.org/  这是一个在线将ttf转换为base64 或者其他格式的工具。
    上传iconfontttf 并选择 base64 encode 



下载转换后的文件。
3.将从阿里巴巴矢量库下载的文件中的  iconfont.css 和刚转换后下载的文件中的 stylesheel.css 放到项目中的css文件中。
4.然后你就可以在相应的位置引用字体文件啦  引用格式参考 iconfont.css 中的css内容。
例如 : 

<i class="iconfont  icon-wenhao"></i> 

博客原文地址：

iconfont 转换为图标字体