Source Code Pro

等宽体

Source Code Pro is a monospaced sans-serif font designed for coding environments.

字号预览

48px
function hello() {}
36px
function hello() {}
24px
function hello() {}
16px
function hello() {}
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
立即将 Source Code Pro 转换为 SVG

如何将 Source Code Pro 转换为 SVG

  1. 打开 Font to SVG，从 Google 字体下拉列表中选择「Source Code Pro」
  2. 在输入框中输入您想要的文本
  3. 根据需要自定义填充颜色、描边等设置
  4. 实时预览 SVG 输出效果
  5. 点击「下载 SVG」或直接复制 SVG 代码

关于 Source Code Pro

Source Code Pro 是一款由 Paul D. Hunt 设计的等宽体字体。Source Code Pro is a monospaced sans-serif font designed for coding environments.

使用 Font to SVG 将 Source Code Pro 转换为 SVG 路径后，可以获得干净的矢量轮廓，适用于网页设计、标志创作和实体制造。等宽体风格使其特别适合开发者作品集、技术文档和代码风格设计。

Source Code Pro SVG 的常见用途

  • 开发者作品集标题和代码风格设计
  • 技术文档和终端风格图形
  • 编程博客标志和品牌内容
  • 复古风格设计元素和界面模型

为什么要将 Source Code Pro 转换为 SVG？

  • 分辨率无关 - 在任何屏幕尺寸上都清晰锐利，从手机到 4K 显示器
  • 无需字体文件 - SVG 无需安装字体即可在任何地方使用
  • CSS 完全可控 - 可更改颜色、添加渐变、应用滤镜和动画
  • 文件极小 - 矢量路径比文本的光栅图像小得多
  • 利于 SEO - 内联 SVG 文本无需阻塞渲染的字体请求即可设置样式
  • 可用于制造 - 导出为 DXF 格式，适用于激光切割、CNC 加工或刻字机

字体详情

Family Source Code Pro
Category 等宽体
Designer Paul D. Hunt
License SIL Open Font License 1.1

Source Code Pro 的热门字体搭配

这些字体与 Source Code Pro 搭配使用，可以创造和谐的排版设计效果。

Playfair Display

衬线体
The quick brown fox jumps over the lazy dog
Playfair Display →

Roboto

无衬线体
The quick brown fox jumps over the lazy dog
Roboto →

Oswald

展示体
BOLD HEADLINES
Oswald →

关于 Source Code Pro 的常见问题

Source Code Pro 可以免费使用吗？
是的，Source Code Pro 采用 SIL Open Font License 1.1 许可证，允许在个人和商业项目中免费使用。
如何将 Source Code Pro 下载为 SVG？
只需在编辑器中选择 Source Code Pro，输入文本，自定义样式，然后点击「下载 SVG」即可获得带有矢量路径轮廓的干净 SVG 文件。
可以将 Source Code Pro SVG 用于激光切割吗？
当然可以！使用我们的工具将 Source Code Pro 转换为 SVG 或 DXF 格式，矢量路径兼容所有主流激光切割和 CNC 软件。
可以在 React 或 Vue 中使用 Source Code Pro SVG 吗？
可以！我们的工具可以从 SVG 输出生成即用的 React JSX 和 Vue SFC 组件，直接复制粘贴到您的项目中即可。
立即将 Source Code Pro 转换为 SVG

相关字体