Stylepack

الخطوط

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

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

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

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

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

2 عائلات خطوط
MonzoSansDisplay
يُستخدم في
h1, h2, h3
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
MonzoSansText
يُستخدم في
body, label, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter

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

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

:root {
  --font-heading: "MonzoSansDisplay", "Inter", sans-serif; /* Inter stands in for MonzoSansDisplay */
  --font-body: "MonzoSansText", "Inter", sans-serif; /* Inter stands in for MonzoSansText */
  --font-size-base: 16px;
}

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

headline-displayQuick brown foxMonzoSansDisplay / 48.8288px / 800 / lh 58.5946px
headline-lgQuick brown foxMonzoSansDisplay / 39.0624px / 800 / lh 46.8749px
headline-mdQuick brown foxMonzoSansDisplay / 25px / 700 / lh 35px
body-mdThe quick brown fox jumps over the lazy dogMonzoSansText / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogMonzoSansText / 12.8px / 400 / lh 17.92px
buttonThe quick brown fox jumps over the lazy dogMonzoSansText / 16px / 400 / lh 22.4px
أحجام الخطوط المستخدمة
1316202531394449

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

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

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

أسئلة

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

يستخدم monzo.com الخط MonzoSansDisplay, MonzoSansText. العناوين بخط MonzoSansDisplay والنص الأساسي بخط MonzoSansText، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

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

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

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

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