前提,自己有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文件中的‘分号’和‘大括号’去掉)