图标转为iconfont 字体的操作流程

1、https://icomoon.io/app/#/select打开链接地址

2、import icon 注 icon的格式 为svg。

 

 

3、选中要生成的图标，点右下角的 Generate font。

 

4、这里可以修改每个图标的名字。

 

 

5、download 会下载下来一个包 ，真正有用的是就两个文件。fonts 文件夹放进去。style.css 引入到你的项目中，里面的fonts调的字体路径要对。

6、使用了。<span class="cion-你的图标名字"></span> 用什么标签都行。主要是class名字对就行。好了。图标就可以当字体来使用了。大小颜色都可以用css来控制了。