IcoMoon图标制作字体

打开官网:点击IcoMoon App
IcoMoon图标制作字体

然后点击Import Icons导入自己的svg文件

IcoMoon图标制作字体
选中导入的文件,点击Generate Font按钮来生成图标字体
IcoMoon图标制作字体
点击页面跳转之后,鼠标放到图标下方,有一个Get Code按钮,点击它可以查看图标使用

IcoMoon图标制作字体
IcoMoon图标制作字体
点击Preferences按钮弹出一个框,可以修改名字。Font Name是生成图标字体名称,还有一些其他信息,Class Prefix类名前缀和一些浏览器的情况,可根据自己的需求修改
IcoMoon图标制作字体
设置好以后,点击download即可下载

IcoMoon图标制作字体
解压后的文件即可用于项目开发了

IcoMoon图标制作字体

上一篇:CSS 基础4


下一篇:CSS样式全部属性和难记忆点(归纳)