文字转 SVG 工具
免上传的本地文字转 SVG 工具。输入文字,选一款看得见的字体,实时预览并下载可直接使用的 SVG 文本标记。适合做网页标题、React 组件、Logo 小样和社交配图。
输入文字 → 看字体 → 导出
每张卡片都用真实样张展示字体——看的是形态,不只是字体名。
文字转 SVG 的常见用途
使用文字转 SVG 工具制作网页 Hero 标题、可以直接复制到 React 的 SVG 组件、品牌字标、社交媒体配图。中英多语言混排,纯设备本地运行不上传。
三步完成文字转 SVG
从空白到能直接用的 SVG,通常一分钟内搞定。
输入文字
敲一行标题、品牌名或一句话。多行也支持。
选择字体卡片
8 张字体卡覆盖无衬线、衬线、等宽、圆润、中文、阿拉伯文和天城文,每张都有真实样张展示字形。
导出 SVG
调字号、字重、间距、颜色和画布,然后复制 SVG 代码或下载 SVG / JSX / TSX / PNG / PDF。
适合多语言品牌使用
中英混排、阿拉伯文标题、印地文字标——选字体之前就能看到真实效果,不用导出后才发现字体不支持。
文字转 SVG 常见问题
关于格式、多语言、导出和使用场景的快速回答。
做出来的 SVG 能直接用在 React / Vue 项目里吗?
可以。点 JSX 或 TSX 导出,直接粘到 React 组件里——根 <svg> 会接收你传入的 props,可以加 className、调尺寸、绑事件,再用 CSS 加动画。普通 SVG 也能用在 Vue、Svelte 或 HTML 模板里。
Cricut、刻字机、激光切割机能直接用吗?
不太行。这里导出的是 SVG <text> 标签,切割机需要矢量轮廓 path。要做 Cricut,可以下载 SVG 后在 Illustrator / Inkscape 里把文字 Outline 一下再导出。
这个文字转 SVG 工具免费吗?需要注册吗?
免费、不限次数、不用注册。所有处理都在您的设备本地完成,文字绝不上传服务器。
文字转 SVG 支持输入中文、日文或阿拉伯文吗?
可以。字体卡包括中文黑体、中文宋体、阿拉伯文 Naskh、天城文等真实样例。输入什么语言,预览就显示什么。
怎么改成我品牌的颜色?
把你的 hex 色值粘进文字颜色选择器,预览实时更新。
下载下来的 SVG 跟预览一样吗?
完全一样。导出文件用的就是预览那里显示的 width、height、viewBox 和字体栈。
可以多行文字吗?
可以。直接按回车换行,或者用「换行宽度」字数设置自动换行。
下载后还能继续编辑吗?
能。导出的是普通 SVG 代码,VS Code、Illustrator、Inkscape、Figma 都能打开,文字仍然是可选中的文本。
做 Logo 应该用多大画布?
SVG 可以无限缩放,按设计意图选画布就行。常见起点:字标 Logo 512×128、社交配图 1080×1080、网页 Hero 1920×1080。
能导出 PNG 或 PDF 吗?
能。五种格式:SVG、JSX、TSX、PNG、PDF。PNG 和 PDF 都从同一份 SVG 渲染,按你设的画布尺寸保持清晰。