Fontello是一个专注于自定义图标字体生成的免费在线工具,主要为设计师和开发者提供轻量化的图标资源管理方案,帮助快速打造符合项目需求的图标字体包。
核心功能模块
1. 图标资源整合
支持选择现有图标或导入自定义资源:用户可从平台图标库挑选需要的图标,也能直接将本地SVG图标、SVG字体文件拖拽至页面指定区域,快速整合自有图标素材。
提供“取消选择字形”“重置所有更改”等快捷操作,方便调整图标选择范围。
2. 个性化配置
CSS前缀自定义:可给图标名称添加专属前缀(如“icon”),避免不同图标字体间的样式冲突,适配项目CSS命名规范。
图标属性修改:支持编辑图标对应的名称和Unicode编码,让图标调用更直观(比如将“icon01”改为“iconhome”)。
高级字体设置:点击“Advanced font settings…”可调整字体名称、字重等细节参数,满足更精准的需求。
3. 导出与保存
导出字体包:选择好图标后,点击“Download webfont”可获取完整的webfont压缩包,内含字体文件(如.ttf、.woff)、CSS样式文件等,直接引入项目即可使用;
保存配置/会话:通过“Get config only”可下载当前图标的配置文件(方便后续复用),“Save session”则能保存当前的选择和设置状态,下次打开可继续编辑。
4. 开发者友好功能
提供API接口(文档存于GitHub),支持开发者将Fontello的生成功能集成到自有工作流中;
项目源码托管在GitHub,开发者可参与贡献、提交bug或查看技术细节。
辅助与支持
问题反馈:遇到疑问可通过Gitter聊天群咨询,或在GitHub Issues提交bug报告;
捐赠支持:若认可工具价值,可通过页面“donate”入口为项目提供资金支持;
使用前提:网站依赖JavaScript和Cookies运行,需确保浏览器未完全禁用这两项功能,否则无法正常加载。
整体而言,Fontello通过“选图标→改配置→导字体”的简洁流程,降低了图标字体的制作门槛,是网页/应用开发中管理图标资源的实用工具。
