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.
Monospace
coding-mono
设计: Paul D. Hunt
#59 在 Google Fonts 上
字重
关于 Source Code Pro
Source Code Pro 是 Adobe Source 字体系统的成员之一,由 Paul D. Hunt 设计,作为 Source Sans 的等宽补充字体,在共享人文主义字形比例的同时采用了代码显示所需的均等字符宽度。跨越八个字重的可变字重轴是等宽字体领域值得称道的工程成就;对西里尔文、希腊文和越南语的广泛支持,使其成为国际适用性最强的编程字体之一。其可读性、中性风格与排版精致度的结合,使它在代码编辑器和终端模拟器中均广受欢迎。
字符表
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
代码编辑器预览
example.js
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(', ')}`);
字符区分
您能分辨这些字符吗?好的等宽字体能让相似字符易于区分。
零 vs O
0 O o
一 vs l vs I
1 l I | !
引号
' ' " " ` ´
花括号
( ) [ ] { } < >
标点符号
. , : ; .. ...
字重瀑布 (8)
200
ExtraLight
300
Light
400
Regular
500
Medium
600
SemiBold
700
Bold
800
ExtraBold
900
Black
使用方法
<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
- 下载量
- 374
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
cyrillic
cyrillic-ext
greek
greek-ext
latin
latin-ext
vietnamese
最适合
code_editors
technical_docs
web_apps
ui_elements
presentations
对比
排版概念
-
Monospace
A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.