使用icomoon创建字体包 以及 字体的导入、导出、添加、删除

icomoon地址

https://icomoon.io/app/#/select

创建字体包

创建项目

1、点击左上角的汉堡菜单，选择manage projects；

2、点击之后能看到所有的项目，点击new Project创建新项目

3、创建完成后，点击project后的load按钮进入项目；选择左上角的new Empty set创建新的字体集

4、点击字体集右侧的汉堡按钮，选择import to set, 选择svg图片，即可将图片导入字体集

要修改字体集名称的话，点击字体集右侧的汉堡按钮，选择properties，然后选择edit metadata 修改。

导出字体包

1、首先选中需要导出的字体

2、最下面切换到最后一个tab(Font),点击设置修改Font name(font-family) 和 class name

3、点击download导出

4、导出后的字体包

其中的fonts和style.css是我们需要的；代码中引入style.css就可以使用了。
Vue项目中把fonts和style.css都放到静态目录下（不进行webpack打包的那个目录），然后引入style.css即可。

导入字体包

如何删除图标