SVG / JSX / TSX
用于网页与设计软件
营业时间告示应一起预览完整时间范围和带重音的店名。先确定断行，再转成路径。网页上的长说明可保留为普通文字，让告示随可用宽度自动换行。
无衬线 字体生成器
Open Sans 字体转 SVG 在线工具
将 Open Sans 文字转换为 SVG 路径，制作亲和、易读的说明标签、网页图形和标牌，适合让信息本身成为重点。 下方已选好 Open Sans，输入文字并调整参数后即可导出 SVG、DXF 或 React 组件。
文本选项
预览
字体静态样本；字体加载后会更新为当前设置的实时预览。
SVG 选项
微调导出单位、填充行为和描边输出。
输出
字体样本Open Studio / 600
字体特点与使用建议
关于 Open Sans
适用场景
- 说明标签
- 网页引导图
- 界面提示
- 标识标牌
Open Sans 适合说明标签、引导图和需要快速读懂的标识。它的字形比较舒展，文字转成 SVG 后仍有自然、亲和的阅读节奏。固定的说明图可以使用路径；需要频繁修改、翻译或自动换行的长段落，则更适合保留为普通文字。
字形观察重点
重点看 c、e、s 等开放字口，以及整行文字占用的宽度。Open Sans 排得比较松，长文案可能比预期更占空间。把重音符号、标点和小写字母一起放进预览，不要只看大写标题。空间不够时不要横向压扁 SVG，否则字形比例和内部留白都会改变。
- 分类
- 无衬线
- 可变字体
- 是
- 斜体支持
- 是
- 可用字重
- 300 · 400 · 500 · 600 · 700 · 800
同样文案 · 相同尺度
Open Sans 字形对比
这组营业时间包含数字、冒号和连接号，Open Sans 与 Lato 均使用 700 字重。请比较完整告示，而不只看 OPEN 一词。
这组文案中，Open Sans · 700 的排版宽度比 Lato · 700 多 2.2%。
对比如何生成与测量
两份样例均由内置字体目录中的文件生成：字号 72 px，开启字偶距与标准连字，额外字距和描边均为零。两行使用相同的坐标尺度与基线，小屏幕下也按同一比例缩小。宽度指包含字符间距的排版推进宽度，不是可见轮廓的包围盒。结果只适用于这些字体文件和这组文字；相同字重数值不代表视觉粗细相等。此处用于比较版面占用，不是易读性评分或加工测试。
Open Sans 字重与间距建议
回到转换器调整- 标签字重
- 600
- 标题字重
- 700
- 字符间距
- 0 至 0.015em
- 曲线精度
- 中
这些设置用于开始比较字形，请用实际文案和最终尺寸调整。加工极限取决于工艺、材料与刀具；上方的字体对比不能代替材料试做。
字重与字距怎么调
紧凑标签可从 600 开始，标牌和重点提示可试 700；尺寸较大的说明图也可比较 400。保留字偶距，只做小幅字距调整。正字距过大会打散一句话，负字距过大又会挤压开口。文案放不下时，先缩短文字或安排明确换行。
Open Sans 转 SVG：标签、标牌与导出建议
设计软件与网页图形可选 SVG，兼容的 CAD 工作流可选 DXF，React 项目可下载 JSX、TSX 路径组件。请按目标软件选择格式。
SVG / DXF
用于切割与雕刻
印刷或雕刻标牌要按成品尺寸检查冒号和连接号。大号 OPEN 清楚，不代表下方的小号营业时间也合适；请单独测试这些小标记。
下载前检查
- 紧凑标签可从 600 开始，标牌可比较 700。
- 保留自然字距，避免把开放字口挤得太紧。
- 长句先精简或换行，不要在导出后横向压扁图形。
按实际可用宽度检查整行文字、重音符号和标点，并比较 400、600、700。加工前测量最窄字腔，确认桥位或背板，再做小样。
Open Sans 转 SVG 常见问题
1Open Sans 适合制作 SVG 说明文字吗？
Open Sans 适合制作 SVG 说明文字吗？
适合简短、固定的标签、标识和说明图。它的开放字形有助于阅读，但长段落如果需要自动换行、选择或翻译，保留为普通文字更合适。导出前应按实际可用宽度检查整行。
2Open Sans 转 SVG 时怎么选字重？
Open Sans 转 SVG 时怎么选字重？
小型标签可先试 600，标牌或重点提示可用 700；尺寸较大的图形也可比较 400。字距先接近默认值。文案太长时，先缩短文字或安排换行，避免挤压整行轮廓。
3用 Open Sans 做营业时间标牌，要检查哪些内容？
用 Open Sans 做营业时间标牌，要检查哪些内容？
请输入实际的时间、冒号、连接号，以及店名中的重音字母。只预览 OPEN 看不出 08:30–18:00 占用的宽度。按标牌可用空间检查整行，并给冒号、连接号和行尾留出余量。
4Open Sans 的说明文字太长，怎样放进固定宽度标签？
Open Sans 的说明文字太长，怎样放进固定宽度标签？
先精简文案或主动换行，再考虑缩小字号。多行标签应一起检查行距。文字转成路径后不会像段落那样自动重排，所以应在导出前确定断行，避免到设计软件里横向压缩整行。
5Open Sans 和 Lato，哪款更适合简短告示？
Open Sans 和 Lato，哪款更适合简短告示？
下方使用相同的营业时间文案、700 字重进行对比，可以一起观察数字、标点和整行节奏。测量宽度能帮助判断是否放得下，但不能证明哪款字体在所有场景都更易读。选定前，再用你的实际告示文字试一次。
6Open Sans 适合激光切割或雕刻吗？
Open Sans 适合激光切割或雕刻吗？
可以用于雕刻、印刷标牌和刻字膜。字形开口较大，也不代表封闭字腔能在镂空切割时自行固定。请检查最终尺寸下的小标点、细连接和字腔，安排桥位或背板后先试做。