Stylepack

الخطوط

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

يستخدم apple.com الخط SF Pro Text لعناوينه ونصه الأساسي. SF Pro Text خط نظام: يأتي مع نظام التشغيل، ولا شيء يحتاج إلى تحميل.

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

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

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

2 عائلات خطوط
SF Pro Text
يُستخدم في
h1, h3, label, button, body
المصدر
النظام
البديل المجاني
مجاني أصلًا
SF Pro Display
يُستخدم في
h2, body
المصدر
النظام
البديل المجاني
مجاني أصلًا

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

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

fonts.css
:root {
  --font-heading: "SF Pro Text", sans-serif;
  --font-body: "SF Pro Text", sans-serif;
  --font-size-base: 12px;
}

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

headline-displayQuick brown foxSF Pro Text / 34px / 600 / lh 50px / -0.374px
headline-lgQuick brown foxSF Pro Display / 56px / 600 / lh 60px / -0.28px
headline-mdQuick brown foxSF Pro Text / 12px / 600 / lh 16.0005px / -0.12px
body-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 16.0005px / -0.12px
label-mdThe quick brown fox jumps over the lazy dogSF Pro Text / 12px / 400 / lh 1.33 / -0.12px
buttonThe quick brown fox jumps over the lazy dogSF Pro Text / 14px / 400 / lh 1.29 / -0.224px
أحجام الخطوط المستخدمة
1214172128344056

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

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

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

أسئلة

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

يستخدم apple.com الخط SF Pro Text, SF Pro Display. العناوين بخط SF Pro Text والنص الأساسي بخط SF Pro Text، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

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

نعم. يمكنك استخدام SF Pro Text, SF Pro Display في موقعك دون شراء ترخيص: حمّله من Google Fonts، أو اعتمد على خط النظام حيث يستخدمه apple.com.

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

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