Stylepack

الخطوط

الخطوط التي يستخدمها arc.net

يستخدم arc.net الخط Exposure VAR لعناوينه والخط ABC Oracle لنصه الأساسي. Exposure VAR خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من arc.net قبل 6 أيام.

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

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

3 عائلات خطوط
Exposure VAR
يُستخدم في
h1
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
ABC Oracle
يُستخدم في
h2, h3, body, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
-apple-system
يُستخدم في
code
المصدر
النظام
البديل المجاني
مجاني أصلًا

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

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

:root {
  --font-heading: "Exposure VAR", "Inter", sans-serif; /* Inter stands in for Exposure VAR */
  --font-body: "ABC Oracle", "Inter", sans-serif; /* Inter stands in for ABC Oracle */
  --font-mono: "-apple-system", monospace;
  --font-size-base: 17px;
}

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

headline-displayQuick brown foxExposure VAR / 76px / 600 / lh 85.88px / -2.432px
headline-lgQuick brown foxABC Oracle / 20px / 350 / lh 28.4px / -0.4px
headline-mdQuick brown foxABC Oracle / 16px / 350 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogABC Oracle / 17px / 350 / lh 26.18px / -0.255px
label-mdThe quick brown fox jumps over the lazy dogABC Oracle / 13px / 350 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogABC Oracle / 22px / 350 / lh 26.4px / -0.44px
codeconst pack = extract(url)-apple-system / 11px / 500 / lh 11px / -0.44px
أحجام الخطوط المستخدمة
1113161718202122386476

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

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

curl -s https://stylepack.ai/packs/arc.net/DESIGN.md

أسئلة

ما الخط الذي يستخدمه arc.net؟

يستخدم arc.net الخط Exposure VAR, ABC Oracle, -apple-system. العناوين بخط Exposure VAR والنص الأساسي بخط ABC Oracle، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط arc.net مجاني الاستخدام؟

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

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

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