Stylepack

الخطوط

الخطوط التي يستخدمها how.studio

يستخدم how.studio الخط Azeret Mono لعناوينه والخط wagram لنصه الأساسي. Azeret Mono خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من how.studio قبل 4 أيام.

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

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

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

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

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

:root {
  --font-heading: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-body: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-size-base: 16px;
}

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

headline-displayQuick brown foxAzeret Mono / 12px / 360 / lh 13.8px
headline-lgQuick brown foxwagram / 60px / 300 / lh 51px / -3px
headline-mdQuick brown foxwagram / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogwagram / 16px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 1.15
buttonThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 13.8px
أحجام الخطوط المستخدمة
10121632406072

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

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

curl -s https://stylepack.ai/packs/how.studio/DESIGN.md

أسئلة

ما الخط الذي يستخدمه how.studio؟

يستخدم how.studio الخط Azeret Mono, wagram. العناوين بخط Azeret Mono والنص الأساسي بخط wagram، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط how.studio مجاني الاستخدام؟

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

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

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