当前位置: 首页 > Web前端 > HTML5

icomoon字体图标导入与使用

时间:2023-04-05 01:20:01 HTML5

icomoon字体图标导入与使用进入icomoon官网点击链接进入icomoon官网进入官网,默认会生成一套图标文件,如果不需要它,你可以删除所有的文件。具体操作如下图所示。会员用户可以通过自己的账号存储图标信息,非会员用户只能通过浏览器在本地存储相应的图标信息。因此,普通用户可以在同一浏览器上编辑图标库,必要时还可以将所有svg图标导出备份。导入图标1.单击导入图标按钮选择您自己的图标进行导入。2、导入图标后,选择需要生成字库的图标。默认情况下,不会选择所有图标。3.通过操作按钮修改图标描述顺序等相关信息。4.选择修改按钮,点击任意图标,会弹出消息修改框。5.勾选需要的图标后,点击GenerateFont生成字体文件。6.在这个页面,您仍然可以编辑图标的最终信息。所有图标的名称不能重复,最后的css类名使用图标名称。图标对应的十六进制代码不能重复,代码与图标一一对应。最终生成的字体文件默认会在图标上加上icon-前缀。字体库项目编辑1.点击项目管理按钮,进入项目管理界面2.如图,可以对项目进行相应的操作只需fonts文件夹下的字体文件和style.css样式文件即可。demo-files,demo.html演示示例文件。字体字体文件。ReadMe.txt文档。selection.jsoniconmoon项目文件,可用于导入。style.css项目中需要使用的样式文件。