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، إذ يتشارك معه النسب الإنسانية مع اعتماد عرض متساوٍ للحروف يلزم عرض الكود. يُعدّ محور الوزن المتغير الممتد عبر ثمانية نقاط إنجازاً هندسياً بارزاً لخط أحادي الاتساع، ويجعله الدعمُ الواسع للنصوص بما فيها السيريلية واليونانية والفيتنامية من أكثر خطوط البرمجة تنوعاً دولياً. أكسبه الجمعُ بين المقروئية والحيادية والرقيّ الطباعي شعبيةً في محررات الكود ومحاكيات الطرفية على حدٍّ سواء.

خريطة الأحرف

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

معاينة محرر الكود

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 الجيد يجعل الأحرف المتشابهة سهلة التمييز.

الصفر مقابل O 0 O o
الواحد مقابل l مقابل 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