iconfont 的 iconfont.svg 文件可以直接导入到 iconmoon 平台里，后续用 iconmoon 来做扩展，对图标进行管理
鼠标状态在编辑时，可以对单个图标进行修改
包括标签 class 名的更改、图标的替换
选中要导出的图标（注意鼠标状态）
点击 Generate Font
可以对 iconmoon 字体图标做一些整体配置
icon 前缀、图标使用 icon 名、默认使用 i 标签
Download，将文件引入项目使用即可（动图演示如何选中图标到下载图标包）
（压缩包里的 .svg 文件也可以直接拿来导入 iconmoon，对原有图标进行管理）
页面使用目录结构
│ index.html │ └─iconmoon │ demo.html │ Read Me.txt │ selection.json │ style.css │ ├─demo-files │ demo.css │ demo.js │ └─fonts icomoon.eot icomoon.svg icomoon.ttf icomoon.woff使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0"> <title>字体图标使用 demo</title> <!-- 引入 iconmoon 的样式文件 --> <link href="http://www.likecs.com/iconmoon/style.css"> <style> body { font-size: 55px; color: red; } </style> </head> <body> <i></i> <i></i> <!-- 这是多色图标用法 --> <span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span> <!-- <i></i> --> </body> </html> iconfont 与 iconmoon 的使用案例下载由于这是之前起草的博客，最近才做的完善，demo 和此博客后续内容不太相关，但原理是相同的，不知道怎么用的网友可以看下 demo
链接：iconfont-demo（包含了 iconmoon）
js 脚本操作页面...做了个思路扩展，以后都可以使用 js 脚本来做一些操作，减少手动操作成本...
给页面引入 jquery
let importJs=document.createElement('script') // 在页面新建一个script标签 importJs.setAttribute("type","text/javascript") // 给script标签增加type属性 importJs.setAttribute("src", 'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js') // 给script标签增加src属性， url地址为cdn公共库里的 document.getElementsByTagName("head")[0].appendChild(importJs) // 把importJs标签添加在页面执行加入购物车的点击事件
$('.block-icon-list .icon-cover span[title="添加入库"]').length // 如果等于 0，就是选择器写的有问题，或许 iconfont 规则改了... $('.block-icon-list .icon-cover span[title="添加入库"]').click() 扩展阅读（推荐阅读）iconfont 字体生成原理及使用技巧