ارتفاع السطر والوزن في النص العربي
لماذا يحتاج العربي مساحة أكبر
للحروف العربية أجزاء صاعدة عالية وأخرى نازلة عميقة وعلامات قد تتراكم فوق السطر وتحته. ومع ارتفاع سطر ضيق تتصادم هذه الأجزاء مع الأسطر المجاورة، فينتج نص كثيف ومتعب.
لذلك فارتفاع السطر إعداد للوضوح وليس اختيارًا شكليًا. والقيمة المنسوخة من نظام تصميم لاتيني تبدو غالبًا ضيقة عند وضع نص عربي فيها.
ارتفاع السطر
يعمل النص الأساسي بالعربية جيدًا غالبًا مع ارتفاع سطر نحو 1.6 إلى 1.8، مقارنة بقيمة أقل قد تناسب اللاتينية. اعتبر هذا نطاق بداية لا قاعدة ثابتة. الخطوط تختلف، فعدّل بالعين على فقرات حقيقية.
العناوين تحتاج مساحة أقل من الفقرات، لكنها تحتاج أكثر من عنوان لاتيني معتاد. وتحتاج الأزرار وخلايا الجداول والتبويبات إلى فحص أيضًا، لأن الارتفاع الثابت قد يقصّ العلامات فوق الحروف وتحتها.
استخدم قيمة بلا وحدة مثل <code>line-height: 1.7</code> لتتناسب مع حجم الخط.
الوزن والحجم
- تجنب الأوزان الرقيقة جدًا للنص الأساسي، فالخطوط الدقيقة تفقد التفاصيل الصغيرة التي تميّز الحروف.
- يبدو العربي غالبًا أصغر من اللاتيني بالقيمة نفسها لـ <code>font-size</code>. في الواجهة ثنائية اللغة قارن الكتابتين جنبًا إلى جنب وجرّب حجمًا عربيًا أكبر قليلًا.
- اختر وزنًا عاديًا للنص الأساسي ثم استخدم المتوسط أو الغامق للتأكيد. الأوزان الثقيلة جدًا تملأ الفراغات الصغيرة داخل الحروف وتقلل الوضوح.
- استخدم الوزن والحجم للتأكيد، وراجع التباين أيضًا لأن النص الرقيق على خلفية فاتحة أصعب قراءة.
المائل والضبط وطول السطر
لا مائل ولا أحرف كبيرة
ليس في العربية خط مائل أو أحرف كبيرة. وتصنّع الميل يشوّه الحروف، فاستخدم الوزن أو اللون للتأكيد.
الضبط والكشيدة
يُضبط النص العربي تقليديًا بمدّ الحروف بالكشيدة. ودعم المتصفحات لذلك محدود، فقد يترك النص المضبوط فراغات غير متساوية. المحاذاة إلى البداية هي الخيار الأكثر أمانًا.
طول سطر مريح
أبقِ الأسطر في مدى معتدل ليجد النظر السطر التالي بسهولة. اختبر على الهواتف الضيقة والشاشات العريضة.
للتشكيل اختبار خاص به. فالحركات القصيرة تضيف ارتفاعًا فوق الحروف وتحتها، فقد يبدو ارتفاع السطر مناسبًا للنص غير المشكول لكنه يقصّ النص المشكول أو يزاحمه، كما في المحتوى التعليمي أو الديني.
تساعد المسافة بين الفقرات كذلك. أضف فراغًا واضحًا بين الفقرات واستخدم العناوين والقوائم لتقسيم النص الطويل، فالأعمدة العربية بلا هذه الفواصل تبدو كتلة واحدة كثيفة.
اختبر بفقرات عربية حقيقية طويلة تتضمن التشكيل، وليس بسطر قصير واحد.
المصادر
- MDN Web Docs. line-height. https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
- W3C. Arabic layout requirements. https://www.w3.org/TR/alreq/
صيغ هذا الدليل بمساعدة الذكاء الاصطناعي اعتمادًا على معايير ومراجع عامة. وللنص الدقيق لأي معيار، ارجع إلى المصادر المذكورة أعلاه.