SVG Preview
Loading font...
免费在线工具，将 Google 字体和自定义字体转换为干净的 SVG 路径。适用于网页设计、标志制作、激光切割和矢量图形。
受到全球设计师和开发者的信赖
一套完整的工具包，精准、轻松地将文本转换为矢量路径。
访问完整的 Google 字体库。搜索、预览并即时将任何字体转换为 SVG 路径——无需下载。
将转换后的文本导出为 SVG、用于激光切割的 DXF、用于光栅图形的 PNG，甚至可以导出为 React 和 Vue 组件。
上传您自己的 .ttf、.otf 或 .woff2 字体文件并转换为 SVG 路径。非常适合品牌字体和自定义排版。
在您输入和调整设置时，即时查看 SVG 输出更新。实时微调填充、描边、字距和贝塞尔精度。
为您的 SVG 文本添加精美动画——签名绘制、简单绘制、淡入和脉冲效果，可调节速度。
获取即用的 SVG、React JSX、Vue SFC 或 CSS clip-path 格式代码。直接复制粘贴到您的项目中。
三个简单步骤即可将文本转换为 SVG。
从 1,500+ Google 字体中选择，或上传您自己的自定义字体文件。
输入您的文本并自定义样式——填充颜色、描边、大小等。
下载为 SVG、DXF 或 PNG。或复制为 React、Vue 或 CSS clip-path 代码。
从网页开发到实体制造，Font to SVG 为您的创意工作流提供动力。
创建在任何屏幕上都能完美缩放的分辨率无关文本图形。嵌入为内联 SVG，实现零请求加载。
将品牌字体转换为矢量路径，制作在任何尺寸都适用的标志——从网站图标到广告牌。
导出适用于激光切割机、CNC 路由器和乙烯基切割机的 DXF 文件。精确的矢量路径用于实体制造。
生成框架就绪的组件。将 SVG 文本直接放入您的 React 或 Vue 应用程序，使用正确的 JSX/SFC 语法。
看看我们与其他文本转 SVG 工具的比较。
| Font to SVG | texttosvg.app | google-font-to-svg-path | |
|---|---|---|---|
| 完整 Google 字体库 | ✓ | — | ✓ |
| 自定义字体上传 | ✓ | ✓ | — |
| SVG 导出 | ✓ | ✓ | ✓ |
| DXF 导出 | ✓ | — | — |
| PNG 导出 | ✓ | — | — |
| React/Vue 代码输出 | ✓ | — | — |
| SVG 动画 | ✓ | — | — |
| CSS clip-path | ✓ | — | — |
| 实时预览 | ✓ | ✓ | ✓ |
| 免费使用 | ✓ | ✓ | ✓ |