01
适合制作这些路径图形
- 用自有 OTF 制作文字标志
- 导出一个字母或有编码的图标
- 准备矢量或切割软件需要的文字
OTF 转 SVG 在线转换器
上传 OTF 字体，输入文字，即可下载姓名、标签、文字标志或单个字符的 SVG 矢量路径。字体在浏览器中本地读取，无需安装，也不会发送到转换服务器。
上传 OTF 字体
字体本地处理
导出 SVG 矢量路径
文本选项
预览
输入文本查看预览
SVG 选项
微调导出单位、填充行为和描边输出。
输出
看看 OTF 连字具体改变了什么
用 Source Serif 4 Regular 4.005 版本对比 office AV。开启标准连字后，ffi 会变为一个字形。两份路径样例使用相同尺度，便于观察连接处与实际宽度变化。
复现方法：下载样例 OTF，上传到上方生成器，输入 office AV，设为字号 75、开启字距调整、字间距与 Tracking 为 0、描边宽度为 0，再切换连字选项进行对比。
这些测量值代表什么？
排版前进宽度是包含字体间距的整行排版距离，不等于可见笔画的紧边界宽度。两份 SVG 共用画布尺寸和坐标尺度。测量结果仅适用于这款静态 CFF 字体及这段文字，不代表兼容全部 OTF 或所有高级排版特性。
操作步骤
四步完成 OTF 转 SVG
从本地字体文件到可直接使用的 SVG，按以下步骤操作即可。
- 1
选择 OTF 文件
点击“字体系列”旁的“上传 OTF 字体”，选择已解压、不超过 20 MB 的 .otf 文件，确认文件名出现在选择框下方。上传之前，生成器使用的是示例字体。
- 2
输入实际文字
输入姓名、标签或单个已知字符。首次检查可试用 office AV，其中包含 ffi 连字序列和 A、V 斜向字母组合。中文及特殊符号需要字体本身包含对应字形。
- 3
检查字距和连接处
先开启填充，将描边宽度、字间距和 Tracking 设为 0，再分别切换连字和字距调整选项。字体是否包含相应数据，会影响实际效果。
- 4
下载后重新打开
在输出区下载 SVG，用目标矢量编辑器打开，核对重音符号、连笔、外伸笔画和尺寸。请保留原始 OTF 文件，以便以后修改文字。
先确认需要的输出
需要把 OTF 字体中的文字定稿为图形吗？
适合用自己的 OpenType 文件生成一段文字或一个已知字符的轮廓。
02
以下需求请使用其他工作流
- 浏览全部替代字形或导出整套字体。
- 生成可安装字体、网页字体或旧式 SVG Font。
- 保留 OpenType-SVG 字体内的颜色或纹理。
转换说明
这里的 OTF 转 SVG，是读取 OpenType 字体，用其中的字形轮廓绘制你输入的文字。下载文件包含这些文字的路径，对方无需安装字体也能查看字形。输出不包含整套字形，也不会生成 SVG Font。转为路径后可以编辑形状，但不能像普通文字一样直接改字；后续需要改文案时，请用保留的原始文字和字体重新生成。
分清三种容易混淆的 OTF 转 SVG 需求
字体文件、文字的 SVG 图形和 SVG Font 字体服务于不同用途。先确定下一步需要使用哪一种输出，能减少导入后返工。
- 本页把输入的文字绘制为普通 SVG 路径图形。只需一个字符时，单独输入这个字符即可。
- 逐字形提取会把字母或图标分别保存为独立文件。本页没有字形浏览器，也不提供整套字体的 ZIP 批量导出。
- 旧式 SVG Font 用 font 和 glyph 元素保存一套字体；OpenType-SVG 则是在 OpenType 字体内部保存 SVG 字形图案。两者都不同于本页导出的普通路径图形。
可复现的 OTF 连字检查：office AV
下方的 Source Serif 4 下载样例，对比了同一段文字开启和关闭标准连字的效果。两份样例均使用 Adobe 4.005 版本的静态 Regular OTF、字号 75、开启字距调整、零额外字距和零描边。
- 开启连字时，这款字体把 ffi 替换为一个 f_f_i 字形，样例的排版前进宽度从 309.300 变为 302.175 坐标单位。这是该字体与这段文字的实测结果，不是适用于所有字体的字距规律。
- 两份预览采用相同坐标尺度，没有分别拉伸到相同宽度，因此能观察到真实的宽度差。下载下方原始 OTF，上传后按相同设置即可复现。
- 接着可尝试 Café、Å 和带下伸笔画的 gyp，分别观察重音、附加符号和边界。短样例转换成功只证明这些字符可用，不能代表完整语言覆盖或所有 OpenType 特性都受支持。
OTF 能读取，为什么效果仍可能不同？
.otf 扩展名并不保证每一种字体特性都能呈现。轮廓结构、字符覆盖范围，以及文字需要的排版规则，都会影响结果。
- 受支持的静态 CFF 轮廓 OTF 可以直接生成 SVG 曲线，不需要先转为 TTF。修改扩展名也不会改变字体的内部格式。
- 可变 CFF2 字体或无法解析的文件，可尝试从字体提供方取得静态 OTF 或 TTF。本界面没有任意可变轴、风格集或全部替代字形的选择控件。
- 彩色或带纹理的 OpenType-SVG 字体需要能处理对应图案的工作流。普通轮廓转换不保证保留字体内的 SVG 插图、渐变、位图纹理或颜色图层。
- 字体成功加载后仍可能缺字。出现方框时，先核对当前文件名，再选择包含目标字符的字体。长文本触发限制时，可缩短文字，或在提示时手动生成预览。
交付 OTF 文字图形前检查什么？
按实际使用尺寸查看完整文案，并在导入下载的 SVG 后再核对一次。
- 确认显示的是上传的 OTF 文件名，而非示例字体。
- 逐一核对重音符号、标点、汉字和特殊符号。
- 按最终使用的连字设置，检查 ffi、fi 及其他连接部位。
- 检查花饰和下伸笔画是否完整保留在导入图形的边界内。
- 用于切割时，核对物理单位、字形内部留白和重叠轮廓。导出不会自动合并形状、添加连接桥或生成加工指令。
选择项目真正需要的输出
固定的视觉图形和可以安装使用的字体，需要不同的处理方式。
处理方式
适用情况
注意事项
OTF 转 SVG 路径
把输入的一段文字或一个字符定稿为矢量图形。
导出后是形状，需要改字时应重新生成。
逐字形提取
浏览没有字符编码的替代字形，或导出整套图标。
使用字体编辑器或专用字形提取工具；本页不导出完整字形集。
网页字体或字体格式转换
保留可修改的网页文字，或生成可安装的 TTF、WOFF 文件。
应继续使用字体工作流，普通 SVG 路径图形不能替代网页字体。
这些转换细节可以自己验证
样例文件、参数和一手资料让转换过程有据可查。样例成功不代表兼容所有 OTF 字体。
- 真实 CFF 字体样例
- 提供 Adobe 未修改的 Source Serif 4 静态 OTF 及 SIL Open Font License。两份 SVG 均从这个文件生成。
- 浏览器内读取
- 选中的字体由 OpenType.js 在浏览器内存中解析，转换不会将文件发送到我们的服务器。页面资源和选用的 Google Fonts 仍可能产生网络请求。
- 明确输出范围
- 仅导出输入的文字，不保证彩色字体还原、全部高级排版或批量字形提取。此页面生成路径失败时，会提示错误，不会回退为依赖字体安装的文字元素。
- 保留修改来源
- 工具不会把字体与文字保存为一个项目，刷新后需要重新上传字体。需要后续改稿时，请保留源文件和确认过的文案。
OTF 转 SVG 常见问题
1OTF 转 SVG 会导出整套字体吗？
OTF 转 SVG 会导出整套字体吗？
只会把你输入的文字导出为 SVG 路径。需要单个字母或有编码的图标时，单独输入该字符即可。若要导出全部字形，包括没有字符编码的替代字形，需要使用字形浏览器或字体编辑器。
2需要先把 OTF 转成 TTF 吗？
需要先把 OTF 转成 TTF 吗？
受支持的静态 OTF 不需要中间转换，下载样例就是直接使用 CFF 轮廓生成的。无法解析时，可向字体提供方获取静态 OTF 或 TTF；修改扩展名不能修复字体。
3连字、花饰和替代字母能保留吗？
连字、花饰和替代字母能保留吗？
生成器提供字距调整和标准连字。Source Serif 4 样例演示了 ffi 替换，但不能保证每款字体都有相同表现。本页没有风格集、任意连字或无编码花饰的专用选择控件，请对照原设计检查实际文案。
4可以转换 OpenType-SVG 彩色字体吗？
可以转换 OpenType-SVG 彩色字体吗？
请不要依赖本工具保留颜色和纹理。OpenType-SVG 是把 SVG 字形描述放在字体内部的彩色字体格式，与导出普通 SVG 轮廓不同；需要原始彩色效果时，应使用支持该字体图案的工作流。Microsoft：OpenType SVG 表说明
5为什么出现方框或部分文字不见了？
为什么出现方框或部分文字不见了？
上传的字体可能没有对应字符，也可能需要当前引擎无法完整执行的排版规则。先确认当前文件名，再试一个确定受支持的字符，并对照字体提供方的样本。转换不能补出缺失的字形。
6转换收费吗？字体会被上传吗？
转换收费吗？字体会被上传吗？
无需注册即可免费使用。选中的字体在本地读取，受 20 MB 上传上限及文字复杂度限制约束。网页和示例字体仍需要网络请求，刷新页面后会清除已上传字体的选择。
7SVG 可以交给 Figma、Illustrator 或切割软件吗？
SVG 可以交给 Figma、Illustrator 或切割软件吗？
输出是标准路径图形，可以导入目标软件后检查。用于切割时，还需核对尺寸、重叠轮廓和封闭区域的支撑结构。本工具不会自动焊接相接的手写字母，也不会直接生成完整的上机加工任务。