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

发布时间 2024-01-08 21:57:43作者: 每天不emo

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

导入字体包

如何删除图标