Source Code Pro
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
关于 Source Code Pro
Source Code Pro 是 Adobe Source 字体系统的成员之一,由 Paul D. Hunt 设计,作为 Source Sans 的等宽补充字体,在共享人文主义字形比例的同时采用了代码显示所需的均等字符宽度。跨越八个字重的可变字重轴是等宽字体领域值得称道的工程成就;对西里尔文、希腊文和越南语的广泛支持,使其成为国际适用性最强的编程字体之一。其可读性、中性风格与排版精致度的结合,使它在代码编辑器和终端模拟器中均广受欢迎。
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
代码编辑器预览
const fibonacci = (n) => {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
};
// Generate first 10 numbers
const results = Array.from(
{ length: 10 },
(_, i) => fibonacci(i)
);
console.log(`Result: ${results.join(', ')}`);
字符区分
您能分辨这些字符吗?好的等宽字体能让相似字符易于区分。
字重瀑布 (8)
使用方法
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;500;600;700;800;900;400&display=swap');
font-family: 'Source Code Pro', monospace;
brew install --cask font-source-code-pro
详情
- 分类
- Monospace
- 样式
- coding-mono
- 字重
- 8
- 斜体
- ✓
- 韩文
- ✗
- 设计师
- Paul D. Hunt
- 许可证
- OFL
- 版本
- 热度
- #59
- 下载量
- 474
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
对比
排版概念
-
Monospace
A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.
相关文章 Source Code Pro
Frequently Asked Questions
Is the Source Code Pro font free for commercial use?
Yes — Source Code Pro is an open-source font, free to use in personal and commercial projects.
What type of typeface is Source Code Pro?
Source Code Pro is a Monospace typeface. It is offered as a variable font.
What does Source Code Pro support?
Source Code Pro primarily supports text.