حلول تقنيةTypography للويب
الخط يمثل 95% من التصميم. اختيار الخطوط الصحيح يحسّن القراءة والمظهر والتحويل.
قواعد أساسية
- خطين كحد أقصى (عنوان + نص)
- حجم النص: 16-18px (الحد الأدنى)
- ارتفاع السطر: 1.5-1.8
- عرض السطر: 60-80 حرف
- تباين كافي مع الخلفية
أفضل الخطوط العربية للويب
- Cairo: حديث ومتعدد الأوزان
- Tajawal: أنيق وسهل القراءة
- IBM Plex Arabic: احترافي جداً
- Noto Sans Arabic: من Google، شامل
أفضل الخطوط الإنجليزية
- Inter: الأفضل للواجهات
- Open Sans: كلاسيكي وموثوق
- Montserrat: حديث للعناوين
- Roboto: من Google، متعدد الاستخدامات
التسلسل الهرمي
| العنصر | الحجم | الوزن |
|---|---|---|
| H1 | 32-48px | Bold |
| H2 | 24-32px | Semi-Bold |
| H3 | 20-24px | Medium |
| Body | 16-18px | Regular |
| Caption | 12-14px | Regular |