You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Fontello服务已下线,求替代方案及已生成SVG字体的跨在线引擎使用方法

Fontello下线后的替代方案与SVG字体扩展指南

1. Fontello的替代工具

这些工具都能实现类似Fontello的自定义图标字体生成功能,各有侧重:

  • IcoMoon:老牌工具,支持导入自定义SVG、选择内置图标库,导出格式全面(包括woff2、ttf等),界面逻辑和Fontello很接近,上手成本低。
  • Fontastic:主打团队协作,支持多人编辑图标集,也能导入本地SVG并调整图标细节,导出的字体包包含完整的CSS引用代码。
  • Iconscout:不仅能生成图标字体,还提供海量图标素材库,支持筛选风格、格式,适合需要大量图标资源的场景。
  • 轻量型在线生成工具:一些专注快速转换的小工具,适合只需要简单导入SVG生成字体的场景,操作流程更简洁。

2. 扩展Fontello生成的SVG字体到其他引擎

如果要在其他在线工具里给Fontello生成的SVG字体添加更多图标,步骤大致如下:

  1. 提取原有SVG资源:找到当初Fontello导出包中的svg文件夹,里面有每个图标的单独SVG文件;或者直接找到包内的完整字体SVG(通常命名为fontello.svg)。
  2. 导入到目标工具:打开你选好的替代工具(比如IcoMoon),进入项目后选择「Import Icons」,上传Fontello导出的单个SVG图标或者完整的字体SVG文件。
  3. 添加新图标:在工具的图标库中挑选需要新增的图标,或者上传自己的自定义SVG,将它们加入当前的图标集。
  4. 调整与导出:统一调整所有图标的尺寸、位置(确保对齐一致),然后选择导出字体包,工具会自动生成新的字体文件和配套的CSS代码,替换原有项目中的资源即可。

小提示:如果导入后图标显示异常,建议先清理SVG文件中的冗余路径或样式代码,再重新导入。

内容的提问来源于stack exchange,提问作者Common Tt

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.29 06:38:34