Stylepack

الخطوط

الخطوط التي يستخدمها situationnormal.co

يستخدم situationnormal.co الخط EB Garamond لعناوينه ونصه الأساسي. EB Garamond خط مجاني من Google Fonts، فيمكنك استخدام الخط نفسه.

تم القياس من situationnormal.co قبل 4 أيام.

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

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

1 عائلة خطوط
EB Garamond
يُستخدم في
h1, h2, body
المصدر
Google Fonts
البديل المجاني
مجاني أصلًا

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

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

fonts.css
:root {
  --font-heading: "EB Garamond", sans-serif;
  --font-body: "EB Garamond", sans-serif;
  --font-size-base: 16px;
}

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

headline-displayQuick brown foxEB Garamond / 46px / 400 / lh 55.2px / -1px
headline-lgQuick brown foxEB Garamond / 28px / 400 / lh 33.6px / -0.28px
headline-mdQuick brown foxEB Garamond / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogEB Garamond / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogEB Garamond / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogEB Garamond / 14px / 400 / lh 1.4
أحجام الخطوط المستخدمة
14162846

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

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

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

أسئلة

ما الخط الذي يستخدمه situationnormal.co؟

يستخدم situationnormal.co الخط EB Garamond. العناوين بخط EB Garamond والنص الأساسي بخط EB Garamond، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط situationnormal.co مجاني الاستخدام؟

نعم. يمكنك استخدام EB Garamond في موقعك دون شراء ترخيص: حمّله من Google Fonts، أو اعتمد على خط النظام حيث يستخدمه situationnormal.co.

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

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