文字转 SVG

如何使用

1. 在文本框里输入文字，每一行会成为输出中的一行。
2. 设置字号、字重、字距与行高；选择对齐锚点（左/中/右）与通用字体族。
3. 预览随输入实时刷新。viewBox 依据渲染后的文字实测生成，画框刚好包住文字。
4. 复制 SVG 代码，粘贴进页面、模板或设计文件。输出是 text 元素，文字仍可选中、可检索，体积也小。

常见用途

• 做页内标志组合 —— 用真实文字呈现字标，缩放不失真。
• 原型阶段排标题 —— 在设计师定稿前快速试版式。
• 生成落地页装饰性栏目标签 —— 不必导出一张图片。
• 教学 SVG 文字属性 —— 边改边看的活教材。

为何保证隐私

渲染、测量与代码生成全部在浏览器里完成，不上传任何内容，也不下载任何字体文件。

常见问题

问：为什么输出是 text 元素而不是 path？ 答：把字形转成路径需要字体文件本身：浏览器没有把系统字体轮廓化的接口，本工具也从不下载字体。输出使用通用字体族的 text 元素，标记体积小，文字还可选中。

问：用 text 代替 path 有什么影响？ 答：外观取决于查看端安装的字体，同一份文件在不同设备上渲染结果可能不同。如果形状必须精确，请在本地用 FontForge 或 Inkscape 这类桌面工具转换，或引入授权 webfont 并在 SVG 中引用。

问：可以选哪些字体？ 答：只有 CSS 通用字体族：sans-serif、serif、monospace 与 cursive。各查看端会把它们映射到本地字体，所以这里的预览可能与你线上站点的效果不同。

问：改了参数 viewBox 还准吗？ 答：准。每次改动后都会重新测量边界，画框随当前文字、字号与字距更新。若测量不可用，则退回按字符数估算，在特殊字体下可能偏松。