目录
设计交付和加工场景里有个常见的麻烦:你在自己电脑上用了一款好看的字体做了标题或者Logo,发给别人打开时字体缺失,排版全乱了;或者你想把文字交给激光切割机,机器只认矢量路径,不认“文字对象”。TextToSVG解决的就是这个问题。它把字符的轮廓直接提取成<path>数据,输出的是纯几何图形,不再依赖任何字体文件。整个过程在浏览器本地完成,你输入的文字不会发到任何服务器。工具本身是免费的,没有注册流程,也没有生成数量限制。
官网入口地址
https://texttosvg.app/(中文界面:https://texttosvg.app/zh)
下载地址
在线工具,浏览器打开官网即可使用,无需下载安装。
功能介绍
文字转路径(Outline):默认把每个字符转换成<path>元素,输出结果在任何设备上外观一致,不依赖字体安装情况。
GoogleFonts字体库:内置GoogleFonts的字体家族和字重选择,不需要在本地安装字体就能预览和导出。
排版参数调节:支持调整字号、字距(tracking)、Kerning(特定字符对的间距优化)、标准连字开关。对于做Logo或标题来说,Kerning开启后字符间距会更自然。
贝塞尔精度控制:可以调节曲线的平滑度和锚点数量。精度高则曲线更圆滑,精度低则路径更简洁、文件更小,方便后续在Illustrator里编辑。
逐字分离选项:开启后每个字母导出为独立的路径对象,适合需要单独动画或逐个切割的场景。
填充与描边设置:可调填充规则、填充色、描边色、描边宽度、非缩放描边(non-scalingstroke),以及单位(px、em、mm、in)。
多格式导出:支持复制SVG代码、下载.svg文件、下载.dxf文件(用于CAD或切割软件),以及ReactJSX/TSX格式导出。
本地运行隐私保护:文字整形和矢量生成全部在浏览器端完成,输入内容和生成结果都不会上传到服务器。
应用场景
Logo与字标交付:把用特定字体设计的品牌字标转成路径,发给客户或印刷厂时不会出现字体缺失导致的排版错乱。
网页与UI图标:生成不依赖Webfont加载的小型SVG文字图形,减少页面资源请求。
激光切割与CNC加工:导出DXF格式,机器直接读取矢量轮廓进行切割或雕刻,不需要额外转换。
印刷前处理:印厂预检时经常因为“缺少字体”卡住,转成路径后文件变成纯几何数据,预检环节少一道障碍。
跨软件协作:在Figma、Sketch、Illustrator之间传递文字图形时,路径格式比活文字更稳定,不会因为对方系统字体渲染差异而错位。
使用方法
-
打开https://texttosvg.app/,在输入框中键入或粘贴文字,预览实时更新。
-
在字体选项中选择GoogleFonts的字体家族和字重。
-
按需调节字号、字距、Kerning、连字、贝塞尔精度等参数。
-
设置填充色、描边色、描边宽度和单位。
-
选择导出方式:复制SVG代码、下载
.svg、下载.dxf,或导出React组件格式。
服务支持与定价补充
TextToSVG免费,没有会员等级、没有订阅、没有生成次数限制,也不需要注册账号。网站的服务条款写明,生成的文件可以用于商业项目,但你需要自行确认所选字体的授权条款是否允许你的具体用途——工具本身不授予字体授权,GoogleFonts大多采用SILOpenFontLicense,商用没问题,但个别字体有额外限制。网站没有提供人工客服或工单系统,FAQ和博客文章是主要的使用指引来源。关于原文提到的“API接口文档”,在公开页面上没有找到明确的开发者API说明,如果你需要程序化批量生成,需要自己评估是否适合用这个工具。
| 源码反馈/咨询 (共有 条反馈) |
TextToSVG常见问题
网站服务条款里的运营方名称是“TextToSvg”,没有透露更多公司实体信息。从页面风格和功能定位来看,更像是一个独立开发者或小团队维护的工具站,不是大公司的产品线。
一个在浏览器里把文字转成SVG矢量路径的免费工具。你输入文字,它把每个字符的轮廓提取出来,生成可编辑的
打开网站,输入文字,选字体,调一下字距和精度,然后下载SVG或者复制代码。如果你要做切割,选DXF导出。全程不需要注册,文字也不会离开你的浏览器。
免费。网站明确写了免注册、无限制使用,没有会员等级也没有付费墙。生成的文件可以商用,但字体本身的授权需要你自己确认。
根据网站服务条款和官方说明,文字整形和矢量生成全部在浏览器本地完成,输入的文字和生成的SVG不会上传到服务器。字体文件从GoogleFonts的CDN加载,但那是字体资源请求,不是你的文字内容。从隐私角度来说,这个设计是合理的。
根据官网服务条款的描述,它内置的是GoogleFonts字体库,通过选择字体家族和字重来使用,没有提到支持上传本地TTF/OTF文件。如果你需要用一款不在GoogleFonts里的字体,这个工具满足不了。
做Logo或字标的时候把Kerning打开,字符间距会比默认状态自然很多。导入Illustrator后如果觉得锚点太多不好编辑,回到工具里把贝塞尔精度调低一档再导出,路径会简洁不少。需要逐字动画的话把“Separatecharacters”打开,每个字母是独立路径。导出前在Illustrator里用“Type→FindFont”检查一下,如果对话框是空的,说明活文字已经转成路径了。
可以。导出的SVG是标准的
Illustrator的“创建轮廓”是在你的设计文件里把文字转成路径,原文字就没了,改字得重来。TextToSVG是独立的转换工具,你可以在不打开设计软件的情况下快速得到路径文件,而且可以在转换前反复调整字距、精度这些参数,不满意重新导一次就行,不影响你原来的设计稿。另外它不需要你有Illustrator授权。
网站条款写明你拥有生成文件的使用权,商业用途是允许的,但前提是你选的字体本身的授权允许你的使用场景。GoogleFonts里大部分字体是SILOpenFontLicense,商用一般没问题,但个别字体有额外条款,导出前看一眼字体的许可信息比较稳妥。
https://texttosvg.app/ 中文界面是https://texttosvg.app/zh
操作本身不复杂:输文字、选字体、调参数、导出,几分钟就能上手。参数面板给得比较细,但你不调直接用默认值也能出可用的结果。适合设计师、前端开发者、需要做切割加工的人,以及任何不想为了转个路径专门打开大型设计软件的人。如果你需要的是复杂的图形设计功能,它不合适;如果只是要把文字变成干净的矢量轮廓,它够用而且不啰嗦。
界面有中文版本,操作没有语言障碍。但字体方面需要注意:GoogleFonts里的中文字体选择相对有限,而且中文字形复杂,转成路径后锚点数量会很多,文件体积比较大。如果你的主要需求是中文字体的矢量轮廓,建议先用一两个字符测试一下导出效果和文件大小,确认符合预期再批量处理。
在公开的官网页面上我没有找到明确的开发者API说明。网站本身有博客文章和FAQ,但没有看到程序化调用的接口文档入口。如果你需要批量处理大量文字,需要先联系网站确认,或者考虑他提供API的方案。