Google Fonts 转 SVG 路径

Google Fonts 字体转 SVG 路径工具

选择 Google Font,预览真实文字效果,再把选中文字转换为干净的 SVG 路径。整个过程都在浏览器内完成,无需安装字体,也不会上传文字文件。

免费且无需注册浏览器本地转换支持 SVG、DXF、JSX 和 TSX
字体转矢量工作流SVG PATH
可编辑文字矢量输出
Aa

字体转 SVG

<path d="M12 42C18 19…" />

在下方选择字体,进入已预选字体的转换器调整文字,然后下载不再依赖字体安装的路径文件。

正在显示 18 / 18 款字体

Roboto

无衬线

9 个字重

Text To SVG

界面标签技术图示产品字标

在线将 Roboto 文字转成 SVG 路径,制作清晰的界面标签、技术图示和产品字标,保留中性、开阔的字形特点。

使用此字体转换

Open Sans

无衬线

6 个字重

Text To SVG

说明标签网页引导图界面提示

将 Open Sans 文字转换为 SVG 路径,制作亲和、易读的说明标签、网页图形和标牌,适合让信息本身成为重点。

使用此字体转换

Montserrat

无衬线

9 个字重

Text To SVG

品牌字标首屏标题徽章

免费将 Montserrat 文字转为 SVG 路径,用宽阔的大写字母和几何曲线制作品牌字标、徽章与醒目标题。

使用此字体转换

Inter

无衬线

9 个字重

Text To SVG

产品界面图形仪表盘标签数据标注

将 Inter 文字转成 SVG,制作紧凑的界面标签、仪表盘图形和科技品牌字标,让数字与短文案自然融入产品界面。

使用此字体转换

Lato

无衬线

5 个字重

Text To SVG

创业品牌 Logo网页标题应用标签

Lato 是一款温和的人文无衬线字体,气质专业且亲和,适合制作易读的 SVG 字标和标签。

使用此字体转换

Poppins

无衬线

9 个字重

Text To SVG

现代 Logo社交图落地页标题

Poppins 是一款几何无衬线字体,圆润均衡,适合制作现代感 SVG 标题、徽章和产品图形。

使用此字体转换

Raleway

无衬线

9 个字重

Text To SVG

时尚字标作品集标题活动海报

Raleway 是一款优雅的无衬线字体,比例精致,适合需要轻盈、编辑感或作品集气质的 SVG 字体设计。

使用此字体转换

Noto Sans

无衬线

9 个字重

Text To SVG

多语言标签产品 UI文档图形

Noto Sans 是一款覆盖广泛的人文无衬线字体,强调多语言文本的一致性,适合实用型 SVG 文字资产。

使用此字体转换

Noto Sans JP

无衬线

9 个字重

Text To SVG

日文图形文字双语产品标签导视标识

使用 Noto Sans JP 将日文与拉丁文字转成 SVG 路径,制作双语标签、导视标识和简短产品图形。

使用此字体转换

Arimo

无衬线

4 个字重

Text To SVG

Arial 风格排版UI 标签文档配图

Arimo 是一款实用的无衬线字体,比例接近常见 Arial 风格,适合制作清晰、低干扰的 SVG 标签、说明图和网页文字资产。

使用此字体转换

Roboto Condensed

展示

9 个字重

Text To SVG

海报标题窄版横幅导航标签

Roboto Condensed 是窄版 Roboto,保留熟悉的理性结构,同时节省横向空间,适合制作有冲击力的 SVG 标题、横幅和紧凑标签。

使用此字体转换

Playfair Display

衬线

6 个字重

Text To SVG

编辑风格标题邀请函标题衬线字标

将 Playfair Display 文字转换为 SVG,保留衬线与粗细对比,制作编辑风格标题、邀请函和有展示感的字标。

使用此字体转换

Merriweather

衬线

7 个字重

Text To SVG

文章标题书卷感 Logo引语排版

Merriweather 是一款稳固、温暖的衬线字体,可读性强,适合需要文学感但又不希望细线过脆弱的 SVG 文本。

使用此字体转换

Bebas Neue

展示

1 个字重

Text To SVG

全大写标题运动主题图形海报字标

将 Bebas Neue 文字转成 SVG 路径,用高而紧凑的大写字形制作海报标题、运动主题图形和窄幅标牌。

使用此字体转换

Oswald

展示

6 个字重

Text To SVG

横幅导航标签海报

Oswald 是一款重新设计的窄体哥特无衬线字体,适合在有限宽度内输出有冲击力的 SVG 文本。

使用此字体转换

Lobster

手写

1 个字重

Text To SVG

复古 Logo食品标签贴纸

Lobster 是一款连笔手写字体,带有复古招牌绘制感,适合装饰性 SVG 字标和轻松的标签设计。

使用此字体转换

Pacifico

手写

1 个字重

Text To SVG

休闲风格字标手写贴纸社交图形

把 Pacifico 手写文字转成 SVG 路径,用圆润连笔制作轻松的品牌字标、贴纸和简短社交图形。

使用此字体转换

Pixelify Sans

像素

4 个字重

Text To SVG

复古游戏标题像素风字标直播叠加图层

将 Pixelify Sans 文字转成 SVG 矢量路径,制作复古游戏标题、直播图层和像素风徽章,保留阶梯状轮廓。

使用此字体转换

字体转换流程

从选择字体到可复用的矢量文件

这里不是单纯的字体下载目录,而是转换流程的入口。每款精选字体都会以已选中状态打开转换器,方便你用真实文案检查效果后再导出。

  1. 01

    选择并比较字体

    按字体名称或用途搜索,比较字形与字重,并根据网页、设计交付或实体加工的最终场景选择合适字体。

  2. 02

    编辑真实文字

    用已选择的字体打开转换器,替换示例文字,并在实时预览中调整字距、尺寸、填充、描边和路径参数。

  3. 03

    导出独立路径

    下载 SVG 或 DXF 几何,也可以导出 React JSX 或 TSX。路径轮廓不要求下一台电脑安装原字体。