SVG / 文字设计

文本转SVG：字体轮廓和路径

使用内置Latin字体或本地TTF、OTF、WOFF文件将文本转换为SVG路径。调整大小、字间距、行高、对齐方式和颜色，然后下载SVG或PNG。

文本转SVG：字体轮廓和路径: 输入文本，选择内置字体之一，或加载自己的TTF、OTF或WOFF文件，字母就会转换为SVG轮廓。因此，即使未安装原字体，结果在各处显示也会保持一致。你可以调整大小、字间距、行高、对齐方式、填充和描边，然后复制SVG或下载SVG或PNG。完全在浏览器中本地运行，文件不会上传到服务器。

类别: 开发者工具
使用次数: 在浏览器中
费用: 免费·无需注册
可用性: 可直接使用

文本转SVG路径本地处理

完全在浏览器中运行

正在加载字体……

您的文字从这里开始。输入文本以创建可编辑的轮廓。

内置Latin字体使用SIL Open Font Licence。上传的字体保留在本地；您需要对其许可证负责。字距调整已启用。复杂文字脚本的字形编排取决于字体和解析器。PNG导出最长边限制为4096像素。

编辑SVG形状

SVG路径

SVG 2路径规范定义了路径命令和闭合子路径。https://www.w3.org/TR/SVG2/paths.html

字体解析器

字体由您的浏览器使用opentype.js 2.0.0读取。这是一个采用MIT许可证的开源库。不支持WOFF2文件；请先将其转换为WOFF、TTF或OTF。某些高级字体功能（例如上下文替代字形和某些字偶距表）不会应用，因此间距可能与文字处理软件略有不同。https://github.com/opentypejs/opentype.js

内置字体来源

未经修改的拉丁字母WOFF资源来自Fontsource软件包：https://fontsource.org/fonts/inter；https://fontsource.org/fonts/oswald；https://fontsource.org/fonts/pacifico；https://fontsource.org/fonts/lobster。每种字体的版权声明和完整的SIL开放字体许可证文本都会与字体文件一同发布。

使用方法

输入文本并选择内置字体，或拖入自己的字体文件。
设置大小、间距、对齐方式、填充和描边，然后检查轮廓。
复制或下载SVG路径，或导出PNG。

隐私与限制

文本和上传的字体会保留在浏览器中。内置WOFF文件从本网站加载；不会使用外部字体服务。

常见问题

内置了哪些字体？

内置字体包括常规和粗体的Inter与Oswald，以及常规的Pacifico和Lobster。这些Latin子集未经修改，依据SIL OFL 1.1许可证重新分发。每个许可证都位于/fonts/text-to-svg/。上传字体的许可证由你负责。

为什么有些文字效果与我的设计软件不同？

解析器仅支持部分字形塑形和定位表。不支持的上下文替换会回退为直接字符字形；页面会显示提示，说明这一限制。某些字体（包括Inter）包含定位表，但其中的字偶距对可能无法使用。复杂文字脚本和颜色字体的显示效果也可能不同。

SVG是可编辑文本吗？

不是。SVG包含轮廓，不需要原字体即可显示。空行会影响基线间距，而viewBox会裁剪到可见字形。PNG输出的最长边上限为4096像素。

免费工具·使用在浏览器中次·无需账户