手把手教你根据svg文件制作图标字体

1，准备好本地的svg图标文件；

svg.png

2，打开icomoon图标字体制作网站：https://icomoon.io/,点击网站右上角icoMoon App 进入图标字体制作界面；

image.png

3，点击import icons 导入本地svg文件；

image.png

4，选择文件生成的对应图标，点击右下角Generate Font 进入图标字体文件生成页面；

image.png

5，根据需要点击左上角Preference ，自定义文件名；

image.png

6，点击右下角download下载打包好的图标字体文件

image.png

7，解压下载文件后，将文件中fonts目录下的图标字体文件和style.css字体样式文件放入想入对应的文件夹即可。具体使用方式可以参考文件中demo.html。

image.png