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.
Giới thiệu 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.
Bản đồ ký tự
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Xem trước trình soạn thảo code
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(', ')}`);
Phân biệt ký tự
Bạn có thể phân biệt được chúng không? Font monospace tốt giúp phân biệt các ký tự tương tự dễ dàng.
Thác độ đậm (8)
Cách sử dụng
<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
Chi tiết
- Danh mục
- Monospace
- Kiểu
- coding-mono
- Độ đậm
- 8
- Nghiêng
- ✓
- Tiếng Hàn
- ✗
- Nhà thiết kế
- Paul D. Hunt
- Giấy phép
- OFL
- Phiên bản
- Độ phổ biến
- #59
- Lượt tải
- 189
Sử dụng giấy phép
| Sử dụng web | Được phép |
| In ấn | Được phép |
| Video / Phát sóng | Được phép |
| Đóng gói | Được phép |
| Nhúng vào ứng dụng | Được phép |
| Thương hiệu / Logo | Được phép |
| Sửa đổi | Được phép |
OFL — Miễn phí cho sử dụng cá nhân và thương mại
Hỗ trợ ngôn ngữ
Phù hợp nhất cho
Font tương tự
So sánh
Khái niệm typography
-
Monospace
A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.