Stylepack

الخطوط

الخطوط التي يستخدمها github.com

يستخدم github.com الخط Mona Sans لعناوينه ونصه الأساسي. Mona Sans خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من github.com قبل 4 أيام.

افتح حزمة التصميم الكاملةتنزيل الحزمة

عائلات الخطوط

3 عائلات خطوط
Mona Sans
يُستخدم في
h1, h2, h3, body, label, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
Mona Sans VF
يُستخدم في
button
المصدر
بديل Inter
البديل المجاني
Inter
Mona Sans Mono
يُستخدم في
code
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-body: "Mona Sans", "Inter", sans-serif; /* Inter stands in for Mona Sans */
  --font-button: "Mona Sans VF", "Inter", sans-serif; /* Inter stands in for Mona Sans VF */
  --font-mono: "Mona Sans Mono", "Inter", monospace; /* Inter stands in for Mona Sans Mono */
  --font-size-base: 18px;
}

كيف يُضبط النص

headline-displayQuick brown foxMona Sans / 64px / 425 / lh 69.12px / -2.24px
headline-lgQuick brown foxMona Sans / 40px / 460 / lh 48px
headline-mdQuick brown foxMona Sans / 22px / 480 / lh 30.8px
body-mdThe quick brown fox jumps over the lazy dogMona Sans / 18px / 400 / lh 27px / 0.18px
label-mdThe quick brown fox jumps over the lazy dogMona Sans / 16px / 400 / lh 24px / 0.24px
buttonThe quick brown fox jumps over the lazy dogMona Sans / 16px / 500 / lh 24px / 0.24px
codeconst pack = extract(url)Mona Sans Mono / 11px / 400 / lh 10px / 0.21px
أحجام الخطوط المستخدمة
111214161822244064

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/github.com/DESIGN.md

أسئلة

ما الخط الذي يستخدمه github.com؟

يستخدم github.com الخط Mona Sans, Mona Sans VF, Mona Sans Mono. العناوين بخط Mona Sans والنص الأساسي بخط Mona Sans، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط github.com مجاني الاستخدام؟

لا. Mona Sans خط مرخّص يقدّمه github.com بنفسه. أقرب بديل مجاني هو Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها github.com في مشروعي؟

نزّل حزمة تصميم github.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.