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

• فريق Triple

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

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

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

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

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

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

الضبط الصحيح

• ارتفاع السطر للنصوص الطويلة: 1.8 إلى 1.9.
• تباعد الحروف: صفر دائمًا. لا قيمة سالبة أبدًا.
• عرض السطر: 60 إلى 75 حرفًا؛ السطر الطويل يفقد القارئ مكانه.
• العناوين تحتاج ارتفاع سطر أعلى من الإنجليزية أيضًا — 1.3 إلى 1.4.
• تجنّب الأوزان الخفيفة جدًا للنصوص؛ تختفي على الشاشات العادية.

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

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

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

الأرقام

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

الأداء

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

أخطاء متكررة

كيف نعمل

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

المدونة

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

ما أفضل خط عربي للمواقع؟

لا يوجد أفضل مطلق. المعايير العملية: أوزان كافية، ترخيص ويب، أرقام منسجمة، وحجم ملف معقول. جرّب مرشحيك بنص حقيقي من موقعك قبل الاختيار.

هل أستخدم خطين مختلفين للعناوين والنصوص؟

ممكن لكنه غير ضروري. خط واحد بأوزان مختلفة يعطي تمييزًا كافيًا ويقلّل التحميل. الخط الثاني يُبرَّر حين يضيف تميزًا حقيقيًا للعلامة.

لماذا يبدو خطي مختلفًا عند بعض الزوار؟

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

مقالات ذات صلة

تصميم واجهات من اليمين لليسار: ما يُخطئ فيه الجميع

تجربة المستخدم: أكثر من مجرد شكل جميل

بناء هوية بصرية متماسكة: أبعد من الشعار

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