TTF 转 SVG 在线工具

上传 TTF 字体,输入想要的文字,就能下载由矢量路径组成的 SVG。转换免费,字体文件在你的设备上读取,无需安装字体,也不会上传到转换服务器。

免费转换
字体本地处理
导出 SVG 路径
文本选项
预览
输入文本查看预览
SVG 选项

微调导出单位、填充行为和描边输出。

输出

操作步骤

四步完成 TTF 转 SVG

从本地字体文件到可直接使用的 SVG,按以下步骤操作即可。

  1. 1

    选择字体文件

    点击“字体系列”旁的“上传 TTF 字体”,选择不超过 20 MB 的字体文件,等待文件名显示在选择框下方。上传前可以试用示例字体,预览中的示例并不是你自己的字体。

  2. 2

    输入要转换的文字

    把示例文字换成姓名、标签或一句短语。只需要一个字时,单独输入这个字即可。在预览中检查文字、标点和特殊符号是否完整。

  3. 3

    检查字形轮廓

    调整字号和字间距。建议先开启“填充”,将“描边宽度”设为 0,查看字体本身的形状,再放大检查字形内部的留白和相邻文字之间的间隙。

  4. 4

    下载 SVG

    在输出区点击“下载 SVG”保存文件,再用目标编辑器打开。导入后核对文字、字间距和尺寸,确认效果符合预期。

选择合适的转换方式

你的设计适合用 TTF 转 SVG 吗?

如果手头有字体文件,希望把文字定稿为图形,可以从这里开始。

01

适合这些用途

  • 用自有 TTF 字体制作文字标志
  • 为矢量编辑器准备姓名或标签
  • 将单个文字或符号导出为 SVG
02

以下需求请使用其他工具

  • 导出完整的 SVG Font 字体,或批量导出所有字形。
  • 保留可选中复制、可继续修改的正文文字。
  • 自动合并字形、添加模板连接桥或生成加工刀路。

转换说明

这里的 TTF 转 SVG,是用你上传的字体,把输入的文字转换为矢量轮廓。下载文件只包含这段文字的图形,并不包含整套字体,也不会把字体文件嵌入 SVG。转为路径后,即使对方没有安装原字体,也能看到相同的字形;你可以在矢量编辑器中调整这些形状,但不能再像编辑普通文字那样直接改字。需要修改文案时,请保留原始文字和字体文件,重新生成。

下载的 SVG 包含什么?

TTF 文件中保存着字形轮廓和字体数据。本工具读取这些轮廓,只绘制你输入的文字,不会截屏、嵌入 TTF 文件,也不会导出字体中的全部字符。

  • 生成的文字以矢量路径保存,SVG 中同时包含 viewBox 和尺寸信息。
  • 可以在矢量编辑器中继续调整形状;如果以后还要改字,请保留原始文案。
  • 输出的是 SVG 图形,不是 SVG Font 字体文件,也不能替代网页字体。

用“AVA & Co.”快速检查转换效果

导出较复杂的设计前,可以先用上传的字体试一下“AVA & Co.”。这一小段文字包含斜向字母组合、重复字母、标点和带曲线的小写字母,便于观察转换效果。

  • 切换“字距调整”,对比 A 和 V 之间的距离。是否有变化,取决于字体是否包含相应的字偶间距数据。
  • 添加描边前,先把描边宽度设为 0,检查填充后的字形;描边过粗可能会堵住细小的间隙。
  • 查看 SVG 源码,确认存在 path 元素。输入中的 & 符号应被正确转义,不应破坏 XML 结构。

转换遇到问题时怎么处理?

字体能成功加载,并不代表它包含你需要的每一个字。转换无法补出字体中缺失的字形,也无法保证支持所有复杂的排版特性。

  • 出现方框或缺字:确认字体包含这些字符。处理中文时,请选择覆盖所需汉字的字体;特殊符号也需要对应的字形支持。
  • 连笔或连字不符合预期:对照原设计检查预览,尤其留意手写体、连笔文字及复杂文字排版。
  • 字体无法读取:如果下载的是 ZIP 压缩包,请先解压出真正的 .ttf 文件。直接修改文件扩展名并不能转换格式;可尝试从字体提供方获取静态 TTF 版本。
  • 文字过长:缩短内容,或在提示时点击“生成预览”。输入量过大时,工具会停止生成,避免浏览器卡顿。

导出前,再检查这几项

除了查看适应窗口的预览,也请按实际使用尺寸检查效果。

  • 确认当前使用的是你上传的字体,而不是示例字体。
  • 逐一检查汉字、变音字符、特殊符号和标点是否正确。
  • 留意 A、B、O 等字母及汉字内部的留白是否完整。
  • 用实际要使用这份文件的软件,重新打开下载的 SVG。
  • 如用于切割,请在设备软件中核对实际尺寸和重叠轮廓。转换不会自动合并字形,也不会为镂空模板添加连接桥。

哪种字体处理方式适合你?

需要固定字形时,可以用 TTF 转 SVG;如果还要编辑文字内容,就应选择其他方式。

处理方式
适用情况
注意事项
TTF 转 SVG 路径
手头有字体文件,需要制作字形固定的文字标志、标签或单个字符。
导出后编辑的是图形轮廓,不能直接修改原文字。
使用 Google Fonts 生成 SVG
想直接选用现成字体,不打算自行提供字体文件。
可以使用首页生成器,它与本页使用相同的轮廓生成引擎。
保留可编辑文字或使用网页字体
文字仍需搜索、选中复制,或经常修改内容。
请保留文字形式。本页不生成网页字体,也不把整套字体转换为 SVG Font。

字体是怎样转换成 SVG 的?

本页与首页生成器使用相同的浏览器端转换引擎。以下说明介绍实际处理方式和已知限制,并不代表支持所有字体。

在本地读取字体
选择的字体在浏览器内存中读取,不会因转换而上传到我们的服务器。网页和 Google 示例字体仍需联网加载。刷新页面后,需要重新选择上传的字体。
直接读取字形轮廓
OpenType.js 解析字体并读取字形轮廓,生成真正的矢量路径,而不是对文字截图进行描摹。
明确支持范围
无法生成矢量路径时,本页会停止输出。目前不保证支持彩色字体、可变字体轴及复杂文字的字形处理。
交付前核对文件
请对比预览和下载文件。字体与文字不会作为项目自动保存;如果后续还要修改设计,请自行保留原始文件和文案。

TTF 转 SVG 常见问题

1

TTF 转 SVG 是免费的吗?

是的。无需注册账号或安装软件,就能上传字体、输入文字并下载 SVG。转换在浏览器中完成,但仍受文字复杂度和输出文件大小限制。
2

会把整套 TTF 字体都转换成 SVG 吗?

不会。本工具只将输入的文字转成 SVG 路径,不导出完整的 SVG Font、字形图集或包含所有字符的压缩包。只需要一个字时,单独输入这个字即可。
3

除了 TTF,还能使用 OTF 或 WOFF 吗?

可以尝试受支持的 OTF 和 WOFF 文件。本页主要面向本地轮廓字体,不保证支持 WOFF2、字体合集或彩色字体渲染。有静态 TTF 版本时,建议优先使用。
4

为什么转换后出现了方框?

所选字体可能不包含你输入的字符。请先确认当前文件名,再用确定受支持的字符试一下。中文、其他语言和特殊符号都需要字体本身提供相应的字形。
5

对方还需要安装我的 TTF 字体吗?

查看或使用已经转为路径的 SVG 图形时,不需要安装原字体,因为字形轮廓已保存在文件中。如果对方还要像编辑文字那样改字,则需要相应字体和可编辑的源文件。
6

生成的 SVG 能用于 Figma 或切割软件吗?

可以导入目标软件后检查效果。用于切割时,还需核对尺寸、字形内部留白和重叠轮廓。成功导出 SVG 并不代表已经做好镂空模板的连接结构,也不代表可以直接上机加工。

技术参考资料

TextToSVG 团队 · 更新于 。本页介绍上方转换器的用法,以下资料可帮助你了解字体与 SVG 格式。

反馈转换问题 · 使用 Google Fonts 文字生成器

相关工具

TTF 转 SVG 在线工具|用自己的字体生成文字路径