Source Code Pro

Monospace coding-mono โดย Paul D. Hunt #59 บน Google Fonts
ดาวน์โหลด Google Fonts
น้ำหนัก

เกี่ยวกับ 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.

แผนผังตัวอักษร

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

ตัวอย่าง Code Editor

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

การแยกแยะตัวอักษร

คุณสามารถแยกสิ่งเหล่านี้ออกจากกันได้ไหม? ฟอนต์ monospace ที่ดีทำให้ ตัวอักษรที่คล้ายกันแยกแยะได้ง่าย

ศูนย์ 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
ดาวน์โหลด
189

การใช้สัญญาอนุญาต

ใช้บนเว็บอนุญาต
งานพิมพ์อนุญาต
วิดีโอ / ออกอากาศอนุญาต
บรรจุภัณฑ์อนุญาต
การฝังในแอปอนุญาต
แบรนด์ / โลโก้อนุญาต
การดัดแปลงอนุญาต

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

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