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
Part of Adobe's Source type system, Source Code Pro was designed by Paul D. Hunt as a fixed-pitch complement to Source Sans — sharing its humanist proportions while adopting the even character widths required for code display. The variable weight axis spanning eight stops is a notable engineering achievement for a monospace typeface, and broad script support including Cyrillic, Greek, and Vietnamese makes it one of the most internationally capable coding fonts available. Its combination of legibility, neutrality, and typographic refinement has made it a popular choice for both code editors and terminal emulators.
字符表
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
- 下载量
- 189
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
对比
排版概念
-
Monospace
A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.