Source Code Pro

Name: Source Code Pro
Author: Paul D. Hunt

Monospace coding-mono bởi Paul D. Hunt #59 trên Google Fonts

Tải xuống Google Fonts

Kích thước

Độ đậm

Giới thiệu Source Code Pro

Là một phần của hệ thống chữ Source của Adobe, Source Code Pro được thiết kế bởi Paul D. Hunt như một phần bổ sung cố định cho Source Sans — chia sẻ tỷ lệ nhân văn của nó trong khi áp dụng độ rộng ký tự đều cần thiết cho hiển thị mã. Trục trọng lượng biến đổi trải dài tám điểm dừng là thành tựu kỹ thuật đáng chú ý cho một typeface monospace, và hỗ trợ script rộng rãi bao gồm Cyrillic, Greek và tiếng Việt khiến nó trở thành một trong những font lập trình có khả năng quốc tế nhất. Sự kết hợp giữa khả năng đọc, tính trung lập và sự tinh tế về typography đã làm cho nó trở nên phổ biến cho cả trình soạn thảo mã và terminal.

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: 374

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

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.

Bài viết về Source Code Pro

Typography Fundamentals

Monospace Fonts: A Developer's Guide to Picking the Perfect Coding Font