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即可。