Source Code Pro

Monospace coding-mono bởi Paul D. Hunt #59 trên Google Fonts
Độ đậm

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ự

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Xem trước trình soạn thảo code

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(', ')}`);

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.

Số 0 vs chữ O 0 O o
Số 1 vs l vs I 1 l I | !
Dấu ngoặc kép ' ' " " ` ´
Dấu ngoặc nhọn ( ) [ ] { } < >
Dấu câu . , : ; .. ...

Thác độ đậm (8)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

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ữ

cyrillic cyrillic-ext greek greek-ext latin latin-ext vietnamese

Phù hợp nhất cho

code_editors technical_docs web_apps ui_elements presentations

Khái niệm typography

  • Monospace

    A typeface where every character occupies the same horizontal width. Essential for code editors and tabular data.

Bài viết về Source Code Pro