تنسيق الخطوط العربية — إزاي تجوّز خطين من غير ما تبوّظ التصميم
اختيار خط كويس نص الشغل بس. النص التاني هو تنسيق الخطوط — إزاي تجوّز خط العنوان مع خط النص بحيث الاتنين يكمّلوا بعض بدل ما يتخانقوا. ده اللي بيفرّق بين تصميم محترف وتصميم بيبان "فيه حاجة غلط" من غير ما حد يعرف ليه.
في الدليل ده هديك قواعد التزاوج العملية وتزاوجات جاهزة تقدر تستخدمها على طول — وكلها تقدر تجرّبها لايف هنا. ولو لسه بتختار خطوطك من الأساس، ابدأ من دليل أفضل الخطوط العربية المجانية.
القاعدة الذهبية: تباين واضح في الدور
أنجح تزاوج بيقوم على فكرة واحدة: خط بشخصية للعنوان + خط محايد مريح للنص. العنوان بيلفت، النص بيتقري. لو حطّيت خطين الاتنين بشخصية قوية، هيتخانقوا على الانتباه. لو حطّيت خطين محايدين متشابهين، الفرق مش هيبان وهتحس إنك مش مبدع.
التباين ممكن يكون في:
- الشخصية — كوفي هندسي (عنوان) مع نسخ حديث محايد (نص)
- الوزن — Black للعنوان، Regular للنص
- الحجم — راجع دليل مقاسات التايبوغرافي عشان تظبط الـ scale
تزاوجات عربية جاهزة
دي تزاوجات جرّبتها على مشاريع حقيقية — تقدر تاخدها زي ما هي.
للهوية الفاخرة: Reem Kufi + Tajawal
عنوان كوفي بشخصية قوية، ونص نظيف مريح.
عنوان فاخر بخط Reem Kufi
والنص الأساسي بخط Tajawal — نظيف، محايد، ومريح للقراءة الطويلة من غير ما يزاحم العنوان على الانتباه.
يصلح لـ: فنادق، مطاعم، هويات luxury، packaging. شوف باقي خيارات الفخامة في دليل الخطوط العربية الفخمة.
للواجهات والـ SaaS: Cairo + Tajawal
عنوان Cairo بحضوره المعاصر، ونص Tajawal الحيادي.
عنوان الواجهة بخط Cairo
النص والتفاصيل بخط Tajawal — بيشتغل ممتاز في الأحجام الصغيرة والجداول والفورمات.
يصلح لـ: dashboards، تطبيقات، landing pages تقنية.
للمحتوى التحريري: El Messiri + Readex Pro
عنوان El Messiri بإحساسه التراثي المعاصر، ونص Readex Pro المصمم للقراءة الطويلة.
عنوان تحريري بخط El Messiri
والنص بخط Readex Pro — مصمم خصيصاً للمقالات الطويلة، مريح للعين في فقرات كاملة من غير إرهاق.
يصلح لـ: مدونات، مجلات، منصات محتوى، مواقع إخبارية.
الحل الأبسط: خط واحد بأوزان مختلفة
مش كل مشروع محتاج خطين. خط Variable واحد بأوزان مختلفة بيدّي تناسق مثالي وأداء أخف:
عنوان بوزن Black
ونفس الخط بوزن Regular للنص — تناسق مضمون وأداء أخف لإنك بتحمّل خط واحد بس.
تنسيق العربي مع الإنجليزي (ثنائي اللغة)
أغلب المشاريع الجادة ثنائية اللغة، والتناغم بين الخط العربي واللاتيني أهم من كل خط لوحده:
- من نفس العيلة لو متاح — IBM Plex Sans Arabic + IBM Plex Sans. تناغم مضمون.
- محايد مع محايد — Tajawal + Inter تزاوج آمن.
- ظبّط الحجم — الحرف العربي بصرياً أصغر، كبّره ١-٢ بكسل.
- وزن متقارب — نفس الإحساس في الاتنين.
عندنا دليل كامل لاختيار الجنب اللاتيني: أفضل الخطوط الأجنبية للمصممين.
:root {
--font-display: 'Reem Kufi', sans-serif; /* العناوين */
--font-body: 'Tajawal', sans-serif; /* النص */
}
h1, h2, h3 { font-family: var(--font-display); }
body { font-family: var(--font-body); }
أخطاء شائعة في التنسيق
- خطين بشخصية قوية مع بعض — Reem Kufi + Lalezar هيتخانقوا
- خطين متشابهين أوي — Cairo + Almarai الفرق مش هيبان
- تجاهل التباين في الوزن — عنوان ونص بنفس الوزن بيبقى مسطّح
- خط display في النص الطويل — Lalezar للعناوين بس، مينفعش paragraphs
- تجاهل الـ scale — التزاوج محتاج فرق حجم واضح، مش بس فرق خط
جرّب قبل ما تقرر
أهم نصيحة: متعتمدش على خيالك. عملنا أداة تنسيق الخطوط — بتختار خطك العربي، تشوف معاينة حية بمحتوى حقيقي بأحجام عنوان ونص، وتنسخ الـ CSS جاهز للمشروع. جرّب تزاوجين تلاتة قبل ما تثبّت قرارك.
الخلاصة
- هوية فاخرة؟ → Reem Kufi + Tajawal
- واجهة/SaaS؟ → Cairo + Tajawal
- محتوى تحريري؟ → El Messiri + Readex Pro
- عايز أبسط حل؟ → خط واحد Variable بأوزان مختلفة
- ثنائي اللغة؟ → نفس العيلة، أو محايد + محايد مع موازنة الحجم
كل الخطوط دي موجودة في دليل الخطوط الكامل ببريفيو لايف، و أداة التنسيق بتخلّيك تجرّب التزاوج وتنسخ الكود في ثواني.