Source Code Pro
Monospace
coding-mono
设计: Paul D. Hunt
#55 在 Google Fonts 上
字重
关于 Source Code Pro
作为 Adobe Source 字体体系的一部分,Source Code Pro 由 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
On this page
详情
- 分类
- Monospace
- 样式
- coding-mono
- 字重
- 8
- 斜体
- ✓
- 韩文
- ✗
- 设计师
- Paul D. Hunt
- 许可证
- OFL
- 版本
- 热度
- #55
- 下载量
- 724
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
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.
相关文章 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.