字体图标生成器
把选好的图标打包成一套图标字体，TTF / WOFF / WOFF2 一次到位。
字形来源：图标篮子（… / 上限 100）
正在读取图标篮子…
- 解压 ZIP，把字体文件与 font.css 放进项目静态目录。
- 页面引入 font.css，用 <i className="icon-图标名"></i> 引用。
- demo.html 可直接打开，查看全部字形与对应类名。
字体由服务器实时合成，不保存任何副本；篮子内容仅存于你的浏览器。
输出 ZIP（字体 + CSS + 示例页）· 源自图标篮子 · 免登录
功能特点
- 使用费用
- 完全免费
- 无需注册登录，打开就能用。
- 使用次数
- 不限使用次数
- 字体由服务器实时合成，单次最多 100 个字形。
- 文件大小
- 每次 ≤ 100 个图标
- 图标源码将从图标库拉取并转为字体字形。
- 功能亮点
- 一套字体全端通用
- 输出 TTF / WOFF / WOFF2 与配套 CSS，附带可直接打开的示例页。
使用场景
- 01
给项目做图标字体
在 /svg 里把要用的图标加入篮子，再到这里一键合成字体，按类名直接引用。
- 02
减小图标请求数
几十个图标合并成一个字体文件，一次请求全部加载，颜色跟随文字。
常见问题
图标颜色会保留吗？
字形统一按单色渲染，颜色由 CSS 的 color 控制，这正是图标字体便于换色的原因。
怎么挑选图标？
在 /svg 频道点击卡片左上角的篮子按钮，选好后从篮子面板点「生成字体」进入本页。
生成的文件包含什么？
ZIP 内含 TTF / WOFF / WOFF2 字体、SVG 源字体、font.css、demo.html 示例页与说明。
相关阅读
