前提,自己有svg图标!!
网址:https://icomoon.io/
1、进入网站,点击IcoMoon App 按钮,里面都是icomoon提供的免费的小图标
2、这里我要引入自己的svg图标,点击Import Icons,选择自己的所有的svg文件
3、图标上传到网站后,全部选中,再点击右下角Generate Font按钮
4、点击图标字体的下方,有‘<> Get Code‘ 字样,点击,里面是介绍如何使用图标字体
5、点击Preferences 按钮,在弹出层可以修改图标字体的名称Font Name,类名前缀Class Prefix
6、点击左下角的Download 按钮,会生成 “字体名称.zip”的包
7、解压包,将fonts文件夹内的四个文件放到所需之处。再将style.css放到css文件夹中(style.css可以根据自己的需要更改名称,如果使用的stylus做预处理,需要把css文件中的‘分号’和‘大括号’去掉)