تنسيق الخطوط العربية مع الإنجليزية
اختار خطك العربي، شوف مين يتزاوج معاه وليه، جرّب بمحتواك الحقيقي، وانسخ الـ CSS جاهز — كل ده لايف.
أداة من إيهاب فايز — تزاوجات مجرّبة في مشاريع حقيقية، مش توليد عشوائي.
② التزاوجات المقترحة
③ المعاينة الحية — اضغط على أي نص وعدّله
منصّتك تستاهل تايبوغرافي أحسن
Beautiful bilingual products start here
اكتب جملتك هنا وشوف إزاي الخطين بيتعايشوا في تخطيط حقيقي — العناوين والنصوص والأزرار.
⑤ نظام المقاسات — Type Scale
سلّم مقاسات متناسق رياضياً للتزاوج المختار — كل مقاس بارتفاع السطر وتباعد الحروف الموصى بيهم.
قاعدة التباعد في العربي: تباعد الحروف (letter-spacing) في النص العربي = صفر دايماً — الحروف متصلة وأي tracking بيكسر الاتصالات. التباعد الموصى بيه في الجدول للنص الإنجليزي بس، والـ CSS الجاهز بيطبّق القاعدة دي تلقائياً.
أفضل تنسيقات الخطوط حسب الاستخدام
اختيارات مجرّبة على مشاريع حقيقية للتوفيق بين العربي والإنجليزي — اضغط على أي تزاوج عشان تجرّبه فوق.
صفحات SaaS
Tajawal × Inter
نفس الحياد ونفس الإحساس بالـ x-height — التزاوج الافتراضي لواجهات SaaS ثنائية اللغة
IBM Plex Sans Arabic × IBM Plex Sans
نفس العائلة من IBM — اتصمموا مع بعض أصلاً، فالتطابق في الأوزان والشخصية مضمون
Cairo × Poppins
الاتنين هندسيين بحروف مدورة — أشهر تزاوج عربي/إنجليزي للـ landing pages المعاصرة
Mada × Public Sans
الاتنين معمولين للوضوح المؤسسي — تزاوج مثالي للخدمات والبوابات الرسمية
Noto Kufi Arabic × Space Grotesk
الكوفي الهندسي مع جروتسك بشخصية — تزاوج معاصر للبراندات التقنية
Vazirmatn × Inter
Vazirmatn معمول بمنطق Inter نفسه — حياد وظيفي على الجانبين
Changa × Archivo
عناوين قوية على الجانبين — Archivo بيوازن عرض حروف Changa
Alexandria × Inter
هندسية متطابقة وأوزان متغيرة على الجانبين — تزاوج واجهات حديث بمرونة كاملة
Fustat × Geist
حداثة تقنية على الجانبين — للمنتجات الرقمية الطموحة
Estedad × Inter
وضوح وظيفي متبادل — واجهات عربية وفارسية بمعيار واحد
تطبيقات الجوال
Tajawal × Inter
نفس الحياد ونفس الإحساس بالـ x-height — التزاوج الافتراضي لواجهات SaaS ثنائية اللغة
Almarai × Karla
الاتنين هاديين ومتزنين — تزاوج مريح لمنصات المحتوى والقراءة المكثفة
Noto Sans Arabic × Noto Sans
نفس منظومة Noto من جوجل — تطابق مضمون في كل الأوزان والمقاسات
Rubik × Rubik
نفس العائلة — الحروف المدورة متطابقة بين اللغتين حرفياً
Lemonada × Quicksand
استدارة لعوبة متطابقة — تطبيقات الأطفال والبراندات المرحة
Baloo Bhaijaan 2 × Fredoka
نفس الروح المدورة الممتلئة — تزاوج طبيعي للتطبيقات المرحة
Reem Kufi Fun × Fredoka
كوفي لعوب مع مدور مرح — هويات شبابية بجذور عربية
Zain × DM Sans
استدارة ودودة متبادلة — تطبيقات المستهلك والخدمات الخفيفة
Marhey × Fredoka
مرح صريح على الجانبين — للألعاب ومحتوى الأطفال
Playpen Sans Arabic × Quicksand
إحساس اليد مع استدارة ودودة — منتجات تعليمية وشخصية
منصات ويب
Tajawal × Inter
نفس الحياد ونفس الإحساس بالـ x-height — التزاوج الافتراضي لواجهات SaaS ثنائية اللغة
IBM Plex Sans Arabic × IBM Plex Sans
نفس العائلة من IBM — اتصمموا مع بعض أصلاً، فالتطابق في الأوزان والشخصية مضمون
Almarai × Karla
الاتنين هاديين ومتزنين — تزاوج مريح لمنصات المحتوى والقراءة المكثفة
Mada × Public Sans
الاتنين معمولين للوضوح المؤسسي — تزاوج مثالي للخدمات والبوابات الرسمية
Noto Sans Arabic × Noto Sans
نفس منظومة Noto من جوجل — تطابق مضمون في كل الأوزان والمقاسات
Readex Pro × Source Sans 3
الاتنين متصممين للقراءة الطويلة — تزاوج المحتوى التحريري المريح
Rubik × Rubik
نفس العائلة — الحروف المدورة متطابقة بين اللغتين حرفياً
Vazirmatn × Inter
Vazirmatn معمول بمنطق Inter نفسه — حياد وظيفي على الجانبين
Harmattan × Lato
بساطة قرائية متبادلة — مناسب للمحتوى التعليمي والمجتمعي
Markazi Text × Lora
تحريري متوازن على الجانبين — تزاوج المجلات الرقمية الأنيق
Noto Naskh Arabic × Noto Serif
نفس منظومة Noto — نسخ وسريف متصممين يتعايشوا في صفحة واحدة
Noto Nastaliq Urdu × Noto Serif
من نفس المنظومة — يدّي النستعليق المعقد رفيق هادي مايزاحمش
Alexandria × Inter
هندسية متطابقة وأوزان متغيرة على الجانبين — تزاوج واجهات حديث بمرونة كاملة
Zain × DM Sans
استدارة ودودة متبادلة — تطبيقات المستهلك والخدمات الخفيفة
Beiruti × Work Sans
شخصية حضرية معاصرة على الجانبين — هويات المدن والثقافة
Estedad × Inter
وضوح وظيفي متبادل — واجهات عربية وفارسية بمعيار واحد
Parastoo × Lora
تحريري هادي على الجانبين — للمنصات الأدبية والمقالات الطويلة
Lateef × EB Garamond
تقاليد طباعة عريقة على الجانبين — للنصوص الأكاديمية الكثيفة
Ruwudu × Noto Serif
تقليدي مريح مع سريف عملي — قراءة طويلة من غير إجهاد
تطبيقات سطح المكتب
هوية بصرية
Cairo × Poppins
الاتنين هندسيين بحروف مدورة — أشهر تزاوج عربي/إنجليزي للـ landing pages المعاصرة
Noto Kufi Arabic × Space Grotesk
الكوفي الهندسي مع جروتسك بشخصية — تزاوج معاصر للبراندات التقنية
Changa × Archivo
عناوين قوية على الجانبين — Archivo بيوازن عرض حروف Changa
Kufam × Marcellus
كوفي جريء مع سريف كلاسيكي رايق — تباين شخصيات يبان فخم مش متنافر
Lemonada × Quicksand
استدارة لعوبة متطابقة — تطبيقات الأطفال والبراندات المرحة
Baloo Bhaijaan 2 × Fredoka
نفس الروح المدورة الممتلئة — تزاوج طبيعي للتطبيقات المرحة
Reem Kufi × Playfair Display
كوفي هندسي مع سريف عالي التباين — تزاوج الهويات الفاخرة الكلاسيكي
El Messiri × Cormorant
تراث معاصر مع سريف أدبي رفيع — تزاوج المتاحف والمؤسسات الثقافية
Lalezar × Anton
ثقل مضاعف للبوسترات — الاتنين بيصرخوا بنفس الطبقة
Reem Kufi Fun × Fredoka
كوفي لعوب مع مدور مرح — هويات شبابية بجذور عربية
Blaka × Anton
عرض فني جريء يحتاج إنجليزي ثقيل بسيط ميسرقش الأضواء
Amiri × EB Garamond
نسخ كلاسيكي مع جارامون إنساني — قرنين من تقاليد الطباعة في تزاوج واحد
Scheherazade New × EB Garamond
تقليدية صافية على الجانبين — للنصوص التراثية والأكاديمية
Aref Ruqaa × Italiana
رقعة رسمية مع سريف كاليجرافي رفيع — أناقة الدعوات والمراسلات
Aref Ruqaa Ink × Italiana
نسخة الحبر الفنية مع أرفع سريف — لتصاميم المناسبات الفاخرة
Mirza × Italiana
نستعليق شرقي مع سريف إيطالي رفيع — فخامة درامية نادرة التكرار
Gulzar × Cormorant
نستعليق أدبي كامل مع سريف شاعري — لأغلفة الكتب والشعر
Beiruti × Work Sans
شخصية حضرية معاصرة على الجانبين — هويات المدن والثقافة
Alyamama × Marcellus
تراث بروح معاصرة يقابل سريف روماني رايق — هويات خليجية راقية
Alkalami × EB Garamond
مخطوطات أفريقيا تقابل كلاسيكية أوروبا — حوار حضارات تايبوغرافي
Amiri Quran × EB Garamond
قدسية النص القرآني مع أهدى سريف كلاسيكي — للمشاريع الدينية الرصينة
Qahiri × Space Grotesk
تجريبية جريئة على الجانبين — للهويات الفنية اللي مش بتجامل
Reem Kufi Ink × Playfair Display
زخرفة الحبر مع تباين السريف الدرامي — أغلفة وهويات فنية
Katibeh × Playfair Display
نفَس الخطاط مع درامية السريف — عناوين تحريرية فنية
Rakkas × Anton
تقل مضاعف بطاقة شعبية — بوسترات ميتفوتهاش حد
Badeen Display × Bebas Neue
زوايا حادة على الجانبين — هويات رياضية وفعاليات جريئة
Blaka Hollow × Anton
المفرّغ مع الممتلئ — تباين جرافيكي ذكي للأغلفة
Blaka Ink × Anton
ملمس الحبر الفني يحتاج إنجليزي صريح ميزاحمش
Vibes × Italiana
انسيابية فنية مع أرفع سريف — للمشاريع الإبداعية الراقية
Marhey × Fredoka
مرح صريح على الجانبين — للألعاب ومحتوى الأطفال
Playpen Sans Arabic × Quicksand
إحساس اليد مع استدارة ودودة — منتجات تعليمية وشخصية
Handjet × Press Start 2P
بكسل أصيل على الجانبين — رترو الألعاب بالعربي والإنجليزي
كل تنسيقات الخطوط حسب الخط العربي
الدليل المرجعي الكامل لتنسيق ودمج الخطوط — 51 خط عربي، ولكل واحد الخطوط الإنجليزية اللي تناسبه وليه.
تنسيق خط Noto Kufi Arabic
- Noto Kufi Arabic × Space Grotesk — الكوفي الهندسي مع جروتسك بشخصية — تزاوج معاصر للبراندات التقنية
- Noto Kufi Arabic × Noto Sans — نفس المنظومة — اختيار آمن للمنصات متعددة اللغات
- Noto Kufi Arabic × Geist — Geist بدقته التقنية يوازن هندسية الكوفي في المنتجات الحديثة
تنسيق خط IBM Plex Sans Arabic
- IBM Plex Sans Arabic × IBM Plex Sans — نفس العائلة من IBM — اتصمموا مع بعض أصلاً، فالتطابق في الأوزان والشخصية مضمون
- IBM Plex Sans Arabic × IBM Plex Mono — للمنصات التقنية: العربي للنصوص والـ Mono للكود والأرقام — منظومة Plex كاملة
تنسيق خط Cairo
- Cairo × Poppins — الاتنين هندسيين بحروف مدورة — أشهر تزاوج عربي/إنجليزي للـ landing pages المعاصرة
- Cairo × Montserrat — Montserrat أكثر رسمية من Poppins — نفس التوافق الهندسي بشخصية أنضج
- Cairo × Outfit — Outfit أحدث وأخف — يمسك مع استدارة Cairo من غير ما يبان مقلّد
تنسيق خط Tajawal
- Tajawal × Inter — نفس الحياد ونفس الإحساس بالـ x-height — التزاوج الافتراضي لواجهات SaaS ثنائية اللغة
- Tajawal × DM Sans — DM Sans أنعم شوية من Inter — يدّي الواجهة دفء من غير ما يكسر الحياد
- Tajawal × Manrope — هندسي ودود بنفس وزن البساطة — توازن ممتاز في الأحجام الصغيرة
تنسيق خط Almarai
- Almarai × Karla — الاتنين هاديين ومتزنين — تزاوج مريح لمنصات المحتوى والقراءة المكثفة
- Almarai × Open Sans — حياد كلاسيكي معروف للويب — اختيار آمن لما الأولوية للوضوح مش الشخصية
- Almarai × Lato — Lato بيضيف لمسة إنسانية خفيفة على اتزان Almarai
تنسيق خط Amiri
- Amiri × EB Garamond — نسخ كلاسيكي مع جارامون إنساني — قرنين من تقاليد الطباعة في تزاوج واحد
- Amiri × Libre Baskerville — Baskerville أوضح على الشاشات من Garamond — كلاسيكية عملية
- Amiri × Crimson Pro — سريف قراءة معاصر يجاري دقة Amiri في النصوص الطويلة
تنسيق خط Changa
- Changa × Archivo — عناوين قوية على الجانبين — Archivo بيوازن عرض حروف Changa
- Changa × Oswald — للبوسترات والعناوين المضغوطة — طاقة رياضية مشتركة
- Changa × Jost — Jost الهندسي يهدّي حضور Changa في الاستخدام اليومي
تنسيق خط El Messiri
- El Messiri × Cormorant — تراث معاصر مع سريف أدبي رفيع — تزاوج المتاحف والمؤسسات الثقافية
- El Messiri × Playfair Display — حضور أقوى لما العنوان محتاج درامية أكتر
- El Messiri × EB Garamond — كلاسيكية أوروبية تقابل الروح العربية المعاصرة — توازن ثقافي جميل
تنسيق خط Mada
- Mada × Public Sans — الاتنين معمولين للوضوح المؤسسي — تزاوج مثالي للخدمات والبوابات الرسمية
- Mada × Work Sans — نفس النظافة الهندسية مع مرونة أوزان واسعة
- Mada × Inter — حيادين متوافقين — مفيش احتكاك بصري بين السطور العربية والإنجليزية
تنسيق خط Markazi Text
- Markazi Text × Lora — تحريري متوازن على الجانبين — تزاوج المجلات الرقمية الأنيق
- Markazi Text × Source Serif 4 — سريف شاشات عملي يجاري وضوح Markazi
- Markazi Text × Newsreader — روح صحفية مشتركة — للمنصات الإخبارية الجادة
تنسيق خط Noto Sans Arabic
- Noto Sans Arabic × Noto Sans — نفس منظومة Noto من جوجل — تطابق مضمون في كل الأوزان والمقاسات
- Noto Sans Arabic × Inter — لو عايز بديل أكثر شخصية من Noto Sans في الجانب الإنجليزي
تنسيق خط Reem Kufi
- Reem Kufi × Playfair Display — كوفي هندسي مع سريف عالي التباين — تزاوج الهويات الفاخرة الكلاسيكي
- Reem Kufi × Cormorant — Cormorant أرفع وأنعم من Playfair — فخامة أكثر همساً
- Reem Kufi × Marcellus — سريف روماني هادي يحترم هندسية الكوفي — للهويات المؤسسية الراقية
تنسيق خط Readex Pro
- Readex Pro × Source Sans 3 — الاتنين متصممين للقراءة الطويلة — تزاوج المحتوى التحريري المريح
- Readex Pro × Figtree — Figtree خفيف وودود — يمشي مع انفتاح Readex في المنصات التعليمية
- Readex Pro × Nunito Sans — نعومة متبادلة من غير ميوعة — كويس لتطبيقات المحتوى
تنسيق خط Scheherazade New
- Scheherazade New × EB Garamond — تقليدية صافية على الجانبين — للنصوص التراثية والأكاديمية
- Scheherazade New × Gentium Book Plus — الاتنين من عالم النشر الأكاديمي متعدد اللغات — تطابق وظيفي نادر
تنسيق خط Baloo Bhaijaan 2
- Baloo Bhaijaan 2 × Fredoka — نفس الروح المدورة الممتلئة — تزاوج طبيعي للتطبيقات المرحة
- Baloo Bhaijaan 2 × Nunito — Nunito أهدى — يخلي Baloo للعناوين ويمسك هو النصوص
- Baloo Bhaijaan 2 × Quicksand — خفة مدورة متوازنة للواجهات الشبابية
تنسيق خط Lalezar
- Lalezar × Anton — ثقل مضاعف للبوسترات — الاتنين بيصرخوا بنفس الطبقة
- Lalezar × Bebas Neue — Bebas المضغوط الطويل يوازن عرض Lalezar — كلاسيك البوسترات
- Lalezar × Archivo Black — أسود صريح على الجانبين للعناوين اللي مش بتتفاوض
تنسيق خط Aref Ruqaa
- Aref Ruqaa × Italiana — رقعة رسمية مع سريف كاليجرافي رفيع — أناقة الدعوات والمراسلات
- Aref Ruqaa × Playfair Display — تباين عالي يجاري حركة الرقعة — للشهادات والهويات الرسمية
- Aref Ruqaa × Cormorant — رهافة متبادلة — لما الرقعة محتاجة رفيق هامس
تنسيق خط Lemonada
- Lemonada × Quicksand — استدارة لعوبة متطابقة — تطبيقات الأطفال والبراندات المرحة
- Lemonada × Comfortaa — نعومة هندسية مدورة — هوية ودودة من غير طفولية زيادة
- Lemonada × Fredoka — طاقة مرحة صريحة — للألعاب ومحتوى الأطفال
تنسيق خط Mirza
- Mirza × Italiana — نستعليق شرقي مع سريف إيطالي رفيع — فخامة درامية نادرة التكرار
- Mirza × Cormorant — انسيابية النستعليق تقابل رقة Cormorant — للعطور والأزياء
- Mirza × EB Garamond — كلاسيكية هادية تسند الشخصية الشرقية من غير منافسة
تنسيق خط Harmattan
- Harmattan × Lato — بساطة قرائية متبادلة — مناسب للمحتوى التعليمي والمجتمعي
- Harmattan × Open Sans — حياد مريح للقراءة الطويلة على الجانبين
تنسيق خط Rubik
- Rubik × Rubik — نفس العائلة — الحروف المدورة متطابقة بين اللغتين حرفياً
- Rubik × Nunito — استدارة Nunito الودودة تكمّل شخصية Rubik في تطبيقات المستهلك
تنسيق خط Noto Naskh Arabic
- Noto Naskh Arabic × Noto Serif — نفس منظومة Noto — نسخ وسريف متصممين يتعايشوا في صفحة واحدة
- Noto Naskh Arabic × Source Serif 4 — بديل بشخصية أوضح للمحتوى التحريري الطويل
- Noto Naskh Arabic × Lora — دفء تحريري يكمّل رسمية النسخ
تنسيق خط Noto Nastaliq Urdu
- Noto Nastaliq Urdu × Noto Serif — من نفس المنظومة — يدّي النستعليق المعقد رفيق هادي مايزاحمش
- Noto Nastaliq Urdu × Cormorant — رهافة كلاسيكية تليق بانحناءات النستعليق
تنسيق خط Gulzar
- Gulzar × Cormorant — نستعليق أدبي كامل مع سريف شاعري — لأغلفة الكتب والشعر
- Gulzar × EB Garamond — تقاليد مخطوطات على الجانبين — للمشاريع الأدبية الجادة
تنسيق خط Vazirmatn
- Vazirmatn × Inter — Vazirmatn معمول بمنطق Inter نفسه — حياد وظيفي على الجانبين
- Vazirmatn × IBM Plex Sans — للأدوات والمنصات التقنية بشخصية أوضح شوية من Inter
تنسيق خط Aref Ruqaa Ink
- Aref Ruqaa Ink × Italiana — نسخة الحبر الفنية مع أرفع سريف — لتصاميم المناسبات الفاخرة
- Aref Ruqaa Ink × Playfair Display — درامية كاليجرافية مضاعفة للعناوين الاحتفالية
تنسيق خط Reem Kufi Fun
- Reem Kufi Fun × Fredoka — كوفي لعوب مع مدور مرح — هويات شبابية بجذور عربية
- Reem Kufi Fun × Syne — غرابة معاصرة متبادلة — للمشاريع الفنية الجريئة
تنسيق خط Blaka
- Blaka × Anton — عرض فني جريء يحتاج إنجليزي ثقيل بسيط ميسرقش الأضواء
- Blaka × Bebas Neue — بوستر دراماتيكي على الجانبين — للفعاليات والأغلفة
تنسيق خط Kufam
- Kufam × Marcellus — كوفي جريء مع سريف كلاسيكي رايق — تباين شخصيات يبان فخم مش متنافر
- Kufam × Space Grotesk — هندسية مضاعفة بزوايا واضحة — هوية تقنية بشخصية قوية
- Kufam × Syne — الاتنين جريئين ومعاصرين — للهويات الفنية والاستوديوهات
تنسيق خط Alexandria
- Alexandria × Inter — هندسية متطابقة وأوزان متغيرة على الجانبين — تزاوج واجهات حديث بمرونة كاملة
- Alexandria × Poppins — الاستدارة الهندسية المشتركة تخلّيهم يبانوا من عائلة واحدة
- Alexandria × Manrope — حياد دافي على الجانبين للمنتجات اليومية
تنسيق خط Zain
- Zain × DM Sans — استدارة ودودة متبادلة — تطبيقات المستهلك والخدمات الخفيفة
- Zain × Karla — بساطة إنسانية تجاري دفء Zain
- Zain × Nunito — نعومة مدورة متطابقة للواجهات الودودة
تنسيق خط Beiruti
- Beiruti × Work Sans — شخصية حضرية معاصرة على الجانبين — هويات المدن والثقافة
- Beiruti × Space Grotesk — اللمسة الكوفية تقابل جروتسك بشخصية — تزاوج جريء متوازن
تنسيق خط Fustat
- Fustat × Geist — حداثة تقنية على الجانبين — للمنتجات الرقمية الطموحة
- Fustat × Inter — الجذور الكوفية مع الحياد الوظيفي — توازن آمن وأنيق
تنسيق خط Estedad
- Estedad × Inter — وضوح وظيفي متبادل — واجهات عربية وفارسية بمعيار واحد
- Estedad × Public Sans — رسمية نظيفة للبوابات والخدمات
تنسيق خط Parastoo
- Parastoo × Lora — تحريري هادي على الجانبين — للمنصات الأدبية والمقالات الطويلة
- Parastoo × Source Serif 4 — سريف شاشات عملي يجاري نعومة Parastoo
تنسيق خط Alyamama
- Alyamama × Marcellus — تراث بروح معاصرة يقابل سريف روماني رايق — هويات خليجية راقية
- Alyamama × Cormorant — رهافة كلاسيكية تسند الحرف النجدي من غير منافسة
تنسيق خط Lateef
- Lateef × EB Garamond — تقاليد طباعة عريقة على الجانبين — للنصوص الأكاديمية الكثيفة
- Lateef × Gentium Book Plus — الاتنين من مدرسة النشر الأكاديمي متعدد اللغات
تنسيق خط Ruwudu
- Ruwudu × Noto Serif — تقليدي مريح مع سريف عملي — قراءة طويلة من غير إجهاد
- Ruwudu × Lora — دفء تحريري يكمّل الطابع التقليدي
تنسيق خط Alkalami
- Alkalami × EB Garamond — مخطوطات أفريقيا تقابل كلاسيكية أوروبا — حوار حضارات تايبوغرافي
- Alkalami × Libre Baskerville — وضوح كلاسيكي يوازن كثافة الحرف العجمي
تنسيق خط Amiri Quran
- Amiri Quran × EB Garamond — قدسية النص القرآني مع أهدى سريف كلاسيكي — للمشاريع الدينية الرصينة
- Amiri Quran × Crimson Pro — سريف قراءة معاصر للمنصات التعليمية الإسلامية
تنسيق خط Qahiri
- Qahiri × Space Grotesk — تجريبية جريئة على الجانبين — للهويات الفنية اللي مش بتجامل
- Qahiri × Archivo — صلابة محايدة تدّي الكوفي التجريبي مساحة يتنفس
تنسيق خط Reem Kufi Ink
- Reem Kufi Ink × Playfair Display — زخرفة الحبر مع تباين السريف الدرامي — أغلفة وهويات فنية
- Reem Kufi Ink × Italiana — رفاهية مضاعفة للدعوات والمناسبات
تنسيق خط Katibeh
- Katibeh × Playfair Display — نفَس الخطاط مع درامية السريف — عناوين تحريرية فنية
- Katibeh × Cormorant — رقة كلاسيكية تحترم الحرف الكاليجرافي
تنسيق خط Rakkas
- Rakkas × Anton — تقل مضاعف بطاقة شعبية — بوسترات ميتفوتهاش حد
- Rakkas × Bebas Neue — المضغوط الطويل يوازن عرض Rakkas الممتلئ
تنسيق خط Badeen Display
- Badeen Display × Bebas Neue — زوايا حادة على الجانبين — هويات رياضية وفعاليات جريئة
- Badeen Display × Archivo Black — كتلة سودا صريحة تجاري حدّة Badeen
تنسيق خط Blaka Hollow
- Blaka Hollow × Anton — المفرّغ مع الممتلئ — تباين جرافيكي ذكي للأغلفة
تنسيق خط Blaka Ink
- Blaka Ink × Anton — ملمس الحبر الفني يحتاج إنجليزي صريح ميزاحمش
تنسيق خط Vibes
- Vibes × Italiana — انسيابية فنية مع أرفع سريف — للمشاريع الإبداعية الراقية
- Vibes × Cormorant — غنائية متبادلة للأغلفة والمطبوعات الفنية
تنسيق خط Marhey
- Marhey × Fredoka — مرح صريح على الجانبين — للألعاب ومحتوى الأطفال
- Marhey × Quicksand — خفة مدورة تهدّي طاقة Marhey في الواجهات
تنسيق خط Playpen Sans Arabic
- Playpen Sans Arabic × Quicksand — إحساس اليد مع استدارة ودودة — منتجات تعليمية وشخصية
- Playpen Sans Arabic × Comfortaa — نعومة مدورة تكمّل عفوية الكتابة اليدوية
تنسيق خط Handjet
- Handjet × Press Start 2P — بكسل أصيل على الجانبين — رترو الألعاب بالعربي والإنجليزي
- Handjet × Space Mono — مونو تقني يسند الروح الرقمية من غير مبالغة
نظام مقاسات الخطوط العربية — Type Scale
سلّم المقاسات هو اللي بيحوّل اختيار الأحجام من مزاج لقرار رياضي: بتبدأ من مقاس أساس (غالباً 16px للنص)، وبتضرب في نسبة ثابتة مع كل مستوى عنوان. النتيجة: هرمية واضحة العين بتحس بيها حتى لو ما عرفتش السبب.
النص العربي محتاج ارتفاع سطر أعلى من الإنجليزي — الحروف العربية فيها صواعد ونوازل أكتر، والتشكيل بياخد مساحة فوق وتحت الحرف. القاعدة العملية: 1.6–1.8 للنصوص بمقاس 14–18px، وتنزل تدريجياً لحد 1.1 في العناوين الكبيرة.
أما تباعد الحروف (letter-spacing) في العربي فصفر دايماً — الحروف متصلة وأي tracking بيكسر الكلمة. التباعد السالب في العناوين والموجب في النصوص الصغيرة قاعدة لاتينية، طبّقها على الجانب الإنجليزي بس.
| المستوى | الحجم | Line Height | الارتفاع الفعلي | تباعد EN | تباعد AR |
|---|---|---|---|---|---|
| H1 | 48.8px | 1.15 | 56px | -0.02em | 0 |
| H2 | 39.1px | 1.16 | 45px | -0.02em | 0 |
| H3 | 31.3px | 1.27 | 40px | -0.01em | 0 |
| H4 | 25px | 1.39 | 35px | -0.01em | 0 |
| H5 | 20px | 1.45 | 29px | 0 | 0 |
| Body | 16px | 1.55 | 25px | 0 | 0 |
| Caption | 12.8px | 1.71 | 22px | 0.01em | 0 |
المثال ده بأساس 16px ونسبة 1.25 — المولّد التفاعلي فوق بيحسب أي تركيبة تانية ويطلعلك الـ CSS جاهز بخطوط تزاوجك.
قواعد تنسيق الخطوط الخمسة
- ١. قارن الـ x-height — حط الخطين جنب بعض في نفس الحجم. لو ارتفاع الحروف الصغيرة مختلف بشكل ملحوظ، السطور المختلطة هتبان مكسورة.
- ٢. طابق الشخصية مش الشكل — هندسي مع هندسي، كلاسيكي مع كلاسيكي، مدور مع مدور. التطابق الحرفي في الشكل مش مطلوب — التطابق في المزاج هو المطلوب.
- ٣. وازن الوزن البصري — Bold العربي غالباً أتقل بصرياً من Bold الإنجليزي. جرّب تنزل وزن الإنجليزي درجة.
- ٤. خطين بس — عربي واحد وإنجليزي واحد. أي إضافة بعد كده بتدفع تمنها وضوح.
- ٥. اختبر بمحتوى حقيقي — الـ Lorem Ipsum بيكدب. جرّب بأسماء منتجاتك وأرقامك الحقيقية — وده بالظبط اللي المعاينة فوق معمولة عشانه.
عايز تفهم أعمق؟ اقرأ دليل الخطوط العربية المجانية — فيه قسم كامل عن التزاوج بأمثلة.
أسئلة شائعة
كيف أعرف أن الخط العربي والإنجليزي متوافقان؟
بُص على تلات حاجات: ارتفاع الحروف الصغيرة (x-height) يكون متقارب، درجة التباين في سمك الحروف متشابهة، والشخصية العامة واحدة — هندسي مع هندسي، كلاسيكي مع كلاسيكي. لو العربي والإنجليزي في نفس السطر وحاسس إن واحد فيهم "بيصرخ"، التزاوج غلط.
هل يمكن استخدام خط واحد للعربي والإنجليزي معاً؟
في عائلات بتدعم الاتنين فعلاً زي Noto و IBM Plex و Rubik — ودي أسهل طريق. لكن أغلب الخطوط العربية المميزة ملهاش نسخة إنجليزية بنفس الجودة، فالتزاوج بيديك حرية أكبر في الشخصية.
ما أشهر تنسيق خطوط عربي إنجليزي للواجهات؟
Tajawal مع Inter هو الأكثر انتشاراً في SaaS العربي — الاتنين حياديين وواضحين في الأحجام الصغيرة. Cairo مع Poppins أشهر اختيار للـ landing pages.
هل يجب استخدام نفس الوزن (Weight) في الخطين؟
مش بالظبط — اللي لازم يتطابق هو الإحساس البصري بالوزن مش الرقم. ساعات Bold العربي بيبان أتقل من Bold الإنجليزي بسبب اتصال الحروف، فبتنزل وزن الإنجليزي درجة عشان يتوازنوا. جرّب هنا في المعاينة وشوف بعينك.
كيف أستخدم تنسيق الخطوط في مشروعي؟
اختار التزاوج فوق، اضغط "انسخ الـ CSS"، والصق الكود في مشروعك — فيه روابط Google Fonts وإعداد الـ CSS variables اللي بيخلي العربي والإنجليزي كل واحد ياخد خطه تلقائياً حسب لغة النص.
ما أفضل line-height للنص العربي؟
للنصوص العربية بمقاس 14–18px: ما بين 1.6 و1.8 — أعلى من الإنجليزي، لإن الحروف العربية فيها صواعد ونوازل أكتر والتشكيل محتاج مساحة فوق وتحت الحرف. للعناوين الكبيرة (32px+): ما بين 1.1 و1.3. نظام المقاسات في الأداة فوق بيحسب القيمة الموصى بيها لأي حجم تلقائياً.
هل يمكن استخدام letter-spacing مع الخط العربي؟
لأ — تباعد الحروف في النص العربي لازم يفضل صفر دايماً. الحروف العربية متصلة ببعضها، وأي tracking موجب بيكسر الاتصالات ويشوّه الكلمة. لو حاسس إن النص مزنوق، الحل في زيادة تباعد الكلمات (word-spacing) أو ارتفاع السطر — مش الحروف. القاعدة دي مطبّقة تلقائياً في الـ CSS اللي بتنسخه من الأداة.
ما النسبة المناسبة لسلّم المقاسات (Type Scale)؟
النسبة 1.25 (الثالثة الكبيرة) هي الأكثر عملية للويب — تدرّج واضح من غير قفزات مبالغ فيها. للتطبيقات الكثيفة بالمعلومات والداشبوردات استخدم 1.125–1.2، وللمواقع التسويقية اللي العناوين فيها بطلة جرّب 1.333 أو أكتر.