أفضل الخطوط العربية للمواقع الإلكترونية (ولماذا يبدو موقعك مكسورًا)
الجواب المختصر: أغلب الخطوط المشهورة في قوالب المواقع ما تدعم الحروف العربية أصلًا. لما تستخدمها، المتصفح يستبدلها تلقائيًا بخط النظام الافتراضي — فيطلع موقعك بشكل مكسور بدون ما تدري. استخدم خطين فقط: خط للعناوين وخط للنصوص، وكلاهما لازم يدعم العربية فعلًا. الخيارات الآمنة: كايرو، تجوال، روبيك، المراعي، IBM Plex Sans Arabic.
المشكلة اللي ما أحد ينتبه لها
خذ قالب موقع جاهز، حطّ فيه نص عربي، وشوف النتيجة. في أغلب الحالات بيصير واحد من ثلاثة:
- النص يطلع بخط مختلف تمامًا عن العناوين الإنجليزية
- الحروف تبان غير متصلة أو بأحجام غير متناسقة
- الموقع كله يبدو “غير احترافي” وما تعرف ليش
السبب تقني وبسيط: الخط ملف يحتوي على أشكال حروف محددة. خط مثل Playfair Display فيه حروف لاتينية فقط — صفر حروف عربية. لما تكتب فيه عربي، المتصفح ما يقدر يعرضه، فيرجع لخط النظام على جهاز الزائر. يعني تصميمك اللي اخترته بعناية يتحول لخط عشوائي يختلف من جوال لجوال.
وهذي مشكلة صامتة — ما يطلع لك خطأ، بس الموقع يبدو أرخص مما هو.
أفضل الخطوط العربية المجانية للمواقع
كلها متوفرة مجانًا على Google Fonts وسريعة التحميل:
| الخط | الشخصية | يناسب |
|---|---|---|
| Cairo (كايرو) | عصري، نظيف، واضح جدًا | أغلب الأنشطة التجارية — الخيار الأأمن |
| Tajawal (تجوال) | حديث، هندسي، أنيق | التقنية، الخدمات، الشركات الناشئة |
| Rubik (روبيك) | عصري، ودود، عريض قليلًا | التجزئة، المطاعم، الأنشطة الشبابية |
| Almarai (المراعي) | واضح ومحايد، احترافي | الشركات، الخدمات المهنية |
| IBM Plex Sans Arabic | دقيق، تقني، منظم | التقنية، الاستشارات، الهندسة |
| Noto Sans Arabic | محايد تمامًا، مقروء | أي شي — خيار افتراضي ممتاز |
| Amiri (أميري) | كلاسيكي، نسخ تقليدي | المحتوى الثقافي والديني والتراثي |
| Changa (تشانقا) | عريض ومميز | العناوين فقط، مو للنصوص الطويلة |
قاعدة الخطين
كل موقع احترافي يستخدم خطين فقط:
- خط العناوين — للعنوان الرئيسي واسم نشاطك في أعلى الموقع
- خط النصوص — لكل شي ثاني: الفقرات، الأزرار، القوائم، التذييل
ثلاثة خطوط هي النقطة اللي يبدأ عندها الموقع يبدو مثل نشرة مدرسية. والخطأ الثاني الشائع: خطين متشابهين جدًا — الفرق لازم يبان مقصودًا، مو مثل الغلطة.
الخطأ الأكبر: خط اسم نشاطك التجاري
خط العناوين يعرض اسم نشاطك في أعلى كل صفحة. وهذي أول كلمة يقرأها الزائر ليعرف مين أنت.
عشان كذا الخطوط الزخرفية والخطية (الديواني، الثلث، والخطوط الحرة) فخ. تبدو رائعة في المعاينة بحجم كبير، لكن باسم نشاطك بحجم صغير على جوال، الزائر يحتاج يفك الاسم مو يقرأه. وبعضهم ما بيتعب نفسه.
الخط الجميل اللي ما ينقرأ بسرعة يكلفك عملاء. إذا تحب الخط الزخرفي، استخدمه في مكان واحد فقط — شعار أو عبارة قصيرة — وأبدًا مو لاسم النشاط في الأعلى.
قواعد النصوص العربية
- الحجم: ١٦ بكسل كحد أدنى على الجوال، و١٨ أفضل. الخط العربي يحتاج مساحة أكبر من اللاتيني ليُقرأ مرتاحًا.
- تباعد الأسطر: ١٫٧ إلى ١٫٩ — أعلى من الإنجليزي، لأن الحروف العربية فيها تشكيل ونقاط تحت وفوق.
- التباين: رمادي غامق على أبيض. النص الرمادي الفاتح موضة تكلفك مبيعات.
- الاتجاه: الموقع كامل لازم يكون
dir="rtl"— مو بس النص. القوائم والأيقونات والأسهم كلها تنقلب. - العناوين لازم تكون أكبر مما تتوقع. العنوان اللي يبدو كبيرًا على شاشة الكمبيوتر يطلع صغيرًا على الجوال — والجوال هو ٨٠٪ من زوارك في الخليج.
اختبار سريع لموقعك الحالي
افتح موقعك على جوالك وقارن:
- هل اسم نشاطك في الأعلى بنفس شخصية بقية الموقع؟
- هل النص العربي والإنجليزي (لو عندك اللغتين) يبدون من نفس العائلة؟
- هل تقدر تقرأ اسم نشاطك بلمحة وحدة، بدون تركيز؟
إذا جواب أي وحدة “لا” — الخط عندك ما يدعم العربية، أو زخرفي زيادة.
أكاديمية “جسر النجوم” — خط عربي عريض للعنوان واسم الأكاديمية، وخط نصوص هادئ للفقرات. خطان فقط، والفرق بينهما واضح ومقصود.
كيف تختار WebZum الخطوط لك
هذي نقطة بنيناها عن قصد لأن أغلب المنصات تفشل فيها.
اختيار الخط يعرف لغة الموقع. لما يكون الموقع عربيًا، الاختيار محصور في قائمة خطوط تدعم الحروف العربية فعلًا — فما يمكن أبدًا يطلع موقع عربي بخط النظام الافتراضي. نفس الشي لليابانية والعبرية وبقية الكتابات.
خط العناوين محكوم بقاعدة وضوح. لأنه يعرض اسم نشاطك في الأعلى، الخطوط الزخرفية ومحدودة القراءة مستبعدة من الاختيار من الأساس. تحصل على شخصية بدون اسم يحتاج فك تشفير.
التنوع مقصود. الاختيار يجي من قائمة واسعة مو من نفس الخمسة خطوط المشهورة — عشان نشاطين في نفس المجال ما يطلعون نسخة من بعض.
وإذا ما عجبك الشكل، تطلب التغيير بالكلام: “خلّ الخطوط أعصر”، “الخط الرئيسي فخم زيادة”. والتعديل نفسه يطبّق نفس قواعد اللغة والوضوح — يعني ولا حتى التعديل يقدر يكسر لك الموقع.
اكتب اسم نشاطك وشوف موقعك بخط عربي مناسب — ٥ دقائق ومجانًا.
جرّبها الآن — المعاينة مجانية
اكتب اسم نشاطك التجاري وشاهد موقعك الكامل خلال ٥ دقائق. بدون بطاقة ائتمان.
أنشئ موقعك مجانًا