Source Code Pro

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

เกี่ยวกับ Source Code Pro

Source Code Pro เป็นส่วนหนึ่งของระบบตัวอักษร Source ของ Adobe ออกแบบโดย Paul D. Hunt ให้เป็นตัวอักษรความกว้างคงที่สำหรับ Source Sans โดยใช้สัดส่วนแบบ humanist เหมือนกัน แต่ใช้ความกว้างตัวอักษรที่เท่ากันตามที่จำเป็นสำหรับการแสดงโค้ด แกนน้ำหนักแบบแปรผันครอบคลุมแปดจุดหยุดถือเป็นความสำเร็จด้านวิศวกรรมที่โดดเด่นสำหรับฟอนต์ monospace และการรองรับสคริปต์อย่างกว้างขวางรวมถึงซีริลลิก กรีก และเวียดนาม ทำให้เป็นหนึ่งในฟอนต์เขียนโปรแกรมที่มีความสามารถระดับนานาชาติมากที่สุด การผสมผสานระหว่างความอ่านง่าย ความเป็นกลาง และความประณีตทางการพิมพ์ทำให้เป็นที่นิยมทั้งในโปรแกรมแก้ไขโค้ดและโปรแกรมจำลองเทอร์มินัล

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

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
ดาวน์โหลด
374

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

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

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