تخطَّ إلى المحتوى

الخطوط العربية على الويب: كيف تختار وتضبط؟

التصميم وتجربة المستخدم

لماذا يبدو النص العربي رديئًا في كثير من المواقع، وما القواعد التي تجعله مقروءًا ومريحًا.

بقلم فريق Triple2 دقائق قراءة

كثير من المواقع العربية يبدو نصها متعبًا دون سبب واضح للزائر. السبب غالبًا ليس الخط نفسه بل ضبطه: مقاس صغير، وسطور متقاربة، وتباعد حروف مأخوذ من قواعد إنجليزية لا تصلح للعربية.

لماذا لا تصلح قواعد الإنجليزية؟

الخاصيةالإنجليزيةالعربية
اتصال الحروفمنفصلةمتصلة — تتغير أشكالها حسب موضعها
الارتفاعثابت نسبيًاامتدادات فوق وتحت السطر
التباعد السالبمقبول للعناوينيشوّه الاتصال — يُمنع
ارتفاع السطر١٫٥ يكفي١٫٨ فأكثر
الحجم البصريقياسييبدو أصغر عند نفس المقاس

كيف تختار الخط؟

  1. تحقق أنه خط عربي حقيقي، لا خط لاتيني يعرض العربية بحروف احتياطية.
  2. افحص الأوزان المتاحة — كثير من الخطوط العربية بوزن أو وزنين فقط.
  3. اكتب به نصًا حقيقيًا من موقعك، لا كلمة «أبجد».
  4. افحص الأرقام: بعض الخطوط أرقامها لا تنسجم مع حروفها.
  5. تأكد من رخصة الاستخدام على الويب لا للطباعة فقط.
  6. افحص حجم الملف — الخطوط العربية أثقل عادةً لكثرة أشكال الحروف.

الضبط الصحيح

  • ارتفاع السطر للنصوص الطويلة: ١٫٨ إلى ١٫٩.
  • تباعد الحروف: صفر دائمًا. لا قيمة سالبة أبدًا.
  • عرض السطر: ٦٠ إلى ٧٥ حرفًا؛ السطر الطويل يفقد القارئ مكانه.
  • العناوين تحتاج ارتفاع سطر أعلى من الإنجليزية أيضًا — ١٫٣ إلى ١٫٤.
  • تجنّب الأوزان الخفيفة جدًا للنصوص؛ تختفي على الشاشات العادية.

الخط اللاتيني المرافق

موقعك العربي سيحتوي كلمات لاتينية: أسماء منتجات، مصطلحات تقنية، روابط. رتّب الخطوط بحيث يأتي العربي أولًا ويليه اللاتيني، فيُستخدم الثاني للحروف التي لا يغطيها الأول.

اختر الاثنين معًا لا بالصدفة: خطان بارتفاعين مختلفين جدًا يجعلان السطر المختلط يبدو متعرّجًا.

الأرقام

الأرقام الإنجليزية داخل نص عربي قد تظهر معكوسة، خصوصًا مع رموز مثل + و/ و−. الحل عزل اتجاه هذه الأجزاء وحدها — لا وضع اتجاه معاكس على الفقرة كلها، فذلك يصلح الرقم ويكسر محاذاة النص.

الأداء

  • حمّل الأوزان التي تستخدمها فعلًا فقط.
  • استضف الخط محليًا بدل خادم خارجي — أسرع وأفضل للخصوصية.
  • استخدم إعداد العرض المؤقت حتى لا يختفي النص أثناء التحميل.
  • خط عربي واحد بثلاثة أوزان يكفي أغلب المواقع.

أخطاء متكررة

الخطأالأثر
تباعد حروف سالب في العناوينالحروف تتداخل ويتشوّه الاتصال
ارتفاع سطر ١٫٥ للنص العربيالسطور متلاصقة ومرهقة
خط لاتيني بلا دعم عربيحروف احتياطية تكسر التناسق
وزن خفيف جدًا للنصغير مقروء على الشاشات العادية
تحميل ثمانية أوزانبطء بلا فائدة
نص عربي محاذاته لليسارأوضح علامة على موقع مترجم

كيف نعمل

نختبر الخط بنصوص حقيقية من محتوى العميل قبل اعتماده، ونضبط ارتفاع السطر والمقاس للعربية تحديدًا لا بالقيم الافتراضية. الفرق يظهر في راحة القراءة أكثر مما يظهر في لقطة شاشة.

أسئلة شائعة حول هذا الموضوع

ما أفضل خط عربي للمواقع؟
لا يوجد أفضل مطلق. المعايير العملية: أوزان كافية، ترخيص ويب، أرقام منسجمة، وحجم ملف معقول. جرّب مرشحيك بنص حقيقي من موقعك قبل الاختيار.
هل أستخدم خطين مختلفين للعناوين والنصوص؟
ممكن لكنه غير ضروري. خط واحد بأوزان مختلفة يعطي تمييزًا كافيًا ويقلّل التحميل. الخط الثاني يُبرَّر حين يضيف تميزًا حقيقيًا للعلامة.
لماذا يبدو خطي مختلفًا عند بعض الزوار؟
غالبًا لأن الخط لم يُحمَّل فظهر الخط الاحتياطي. تأكد من استضافته بشكل صحيح، ومن أن قائمة الخطوط الاحتياطية تحتوي خطًا عربيًا مقبولًا لا خطًا لاتينيًا فقط.

جاهز لبدء مشروعك؟

احجز استشارة مجانية لمدة 30 دقيقة. سنناقش فكرتك ونعطيك تصورًا واضحًا للتكلفة والمدة الزمنية — دون أي التزام.

احجز استشارتك المجانية