مقاسات الخط العربي وارتفاع السطر عند تعريب التصميم

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

اضبط line-height بعد اختيار الخط والحجم، لا قبله، لأن المسافة المطلوبة تتغير باختلاف بنية الخط نفسه.

اترك letter-spacing على قيمته الطبيعية في النص العربي، واستعمل وزنًا حقيقيًا من عائلة الخط بدل التثقيل أو الميل الاصطناعي.

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

كيف تحوّل مقاس لاتيني إلى مقاس عربي مكافئ بصريًا؟

المشكلة تبدأ عندما تتعامل مع قيمة font-size وكأنها تصف الحجم المرئي للحروف نفسها. هذه القيمة تصف مساحة طباعية يعرّفها الخط، بينما شكل الحرف داخل هذه المساحة يختلف من عائلة إلى أخرى ومن كتابة إلى أخرى. لذلك قد يكون النص العربي واللاتيني على المقاس نفسه، لكن أحدهما يبدو أصغر أو أثقل أو أعلى داخل السطر.

لا تبحث عن معادلة ثابتة من «مقاس لاتيني» إلى «مقاس عربي». التحويل الصحيح بصري، وليس حسابيًا.

هل أستخدم نفس font-size للعربي والإنجليزي؟

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

ابدأ من العنصر لا من الرقم

عند تعريب عنوان أو بطاقة أو زر أو فقرة:

• احتفظ أولًا بالمقاس الموجود في القالب.
• استخدم الخط العربي النهائي الذي سيظهر في المنتج، لا خطًا مؤقتًا.
• قارن المساحة التي يحتلها النص داخل العنصر: الارتفاع المرئي، عرض الكتلة، وضوح التفاصيل، والمسافة عن الحواف.
• عدّل font-size حتى يؤدي النص العربي الوظيفة البصرية نفسها، لا حتى يطابق الرقم الموجود في النسخة الإنجليزية.
• بعد ذلك أعد ضبط ارتفاع السطر، لأن تغيير الحجم من دون إعادة فحص line-height قد يعيد مشكلة التزاحم.

في العناوين، راقب شكل الكلمات القصيرة التي تحتوي على حروف مرتفعة أو نازلة، ولا تعتمد على كلمة عربية «مريحة» لاختبار المقاس. وفي النصوص الطويلة، اختبر أكثر من سطر لأن كثافة الحروف والوصلات تتغير من كلمة إلى أخرى.

قارن الارتفاع الظاهر لا الصندوق فقط

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

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

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

لماذا يحتاج النص العربي إلى ارتفاع سطر أوسع؟

العربية لا تحتاج إلى فراغ إضافي لمجرد أنها عربية، لكنها كثيرًا ما تحتاج إلى line-height مختلف عن القيمة التي نجحت مع خط لاتيني. السبب هو شكل الحروف واتصالها وامتداد بعض الأجزاء فوق خط الكتابة وتحته، إضافة إلى احتمال وجود تشكيل أو علامات قد تقترب من السطر المجاور.

المعيار هنا ليس «كم أزيد؟»، بل: هل بقي لكل سطر مجال واضح لا يصطدم بصريًا بالسطر الذي فوقه أو تحته؟

افحص هذه الجوانب بعد كل تغيير

عند ضبط ارتفاع السطر، راقب:

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

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

في CSS، لا تجعل line-height قيمة موروثة من قالب لاتيني من دون فحص. ويمكن استخدام قيمة بلا وحدة عندما تريد أن يتكيف الارتفاع مع font-size داخل العنصر، لكن النتيجة يجب أن تُراجع بالخط العربي الفعلي وفي البيئة التي ستعرضه.

لماذا تتداخل الحركات بين سطرين رغم أن حجم الخط مناسب؟

لأن font-size لا يحدد وحده المسافة بين السطور. افحص line-height ومقاييس الخط الفعلية، واختبر نصًا يحتوي على تشكيل وحروف صاعدة ونازلة بدل الاعتماد على فقرة سهلة.

التشكيل يغيّر الاختبار

حتى إذا كان النص الأساسي بلا تشكيل، يكفي أن تظهر كلمة مشكولة في عنوان أو اقتباس حتى تتغير المساحة المطلوبة أعلى السطر أو أسفله. لذلك لا تختبر نظامك الطباعي على نص خالٍ تمامًا من العلامات إذا كان المنتج النهائي قد يحتوي عليها.

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

لماذا لا يصلح تباعد الحروف لتجميل العربية؟

في تصميم لاتيني، قد يُستخدم letter-spacing لفتح عنوان أو زيادة الهواء بين الحروف. نقل هذه العادة إلى العربية غالبًا يضر شكل الكلمة، لأن الحروف العربية تُشكّل بصريًا كسلسلة متصلة، وعلاقاتها الداخلية جزء من الرسم نفسه.

إضافة مسافات بين الحروف لا تعني فقط «مساحة أكثر». قد تغيّر إيقاع الكلمة، وتفصل أجزاء كان يفترض أن تُقرأ كوحدة واحدة، وتجعل الوصلات تبدو مصطنعة.

لا تعالج ضيق العنوان من داخل الكلمة

إذا كان العنوان العربي مزدحمًا، فجرّب هذه القرارات قبل التفكير في letter-spacing:

• اختر وزنًا أخف من العائلة نفسها.
• عدّل حجم الخط بصريًا.
• وسّع مساحة العنصر إن كان ذلك ممكنًا.
• أعد صياغة النص إذا كان طول العبارة هو المشكلة التصميمية.
• اختر خطًا عربيًا ببنية أنسب للمساحة المتاحة.

الهدف هو الحفاظ على الكلمة كما رسمها الخط، ثم معالجة علاقتها بالحاوية.

ماذا عن القيمة الصفرية؟

في CSS، letter-spacing: 0 لا يضيف تباعدًا اصطناعيًا. لكن الأفضل في كثير من الحالات هو ترك الخاصية على سلوكها الطبيعي ما لم تكن لديك حاجة واضحة، لأن بعض أنظمة التصميم أو مكونات الواجهة قد تورث قيمًا من نمط لاتيني سابق.

عند تعريب Design System، ابحث تحديدًا عن قواعد عامة تضيف tracking للعناوين أو الأزرار. هذه القواعد قد تمر دون ملاحظة لأن النص لا «ينكسر» تقنيًا، لكنه يبدو غريبًا بصريًا.

كيف تتعامل مع الوزن والميل والأرقام دون كسر الهوية؟

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

استخدم الوزن الموجود فعلًا في عائلة الخط

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

الأمر نفسه ينطبق على الميل. ليس كل خط عربي يملك نسخة Italic مصممة. عندما يقوم البرنامج بإمالة الرسم آليًا، فهو يغيّر اتجاه الحروف هندسيًا من دون أن يعيد تصميمها. النتيجة قد تبدو كأن الكلمة مائلة بجسمها كله بدل أن تكون نمطًا طباعيًا مقصودًا.

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

اختر سياسة أرقام قبل بدء التوزيع

الأرقام العربية-الهندية والأرقام الغربية يمكن أن تكونا صحيحتين؛ القرار يعتمد على نوع المحتوى والجمهور والنظام الذي يعرض البيانات. المهم أن تكون لديك قاعدة قابلة للتطبيق.

يمكن بناء السياسة بهذه الطريقة:

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

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

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

أستخدم الأرقام العربية-الهندية أم الغربية في التصميم العربي؟

حدّد سياسة بحسب نوع المحتوى ومصدر البيانات ومتطلبات النسخ والمطابقة، ثم طبّقها باتساق. يجوز استخدام مجموعتين في منتج واحد عندما تكون لكل منهما وظيفة واضحة، لكن لا تخلطهما بلا قاعدة.

متى تصبح المحاذاة المضبوطة بالعرض مشكلة في العربية؟

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

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

افحص السطر القصير قبل السطر المثالي

لا تحكم على justify من فقرة تبدو جيدة في منتصفها. ابحث عن:

• سطر يحتوي كلمات قليلة نسبيًا.
• سطر فيه كلمة طويلة بجوار كلمات قصيرة.
• فقرة تنتهي بسطر قصير.
• نص يحتوي علامات ترقيم أو مصطلحات لاتينية داخل العربية.

هذه الحالات تكشف سلوك المحاذاة أسرع من السطر المتوازن أصلًا.

متى تترك المحاذاة المضبوطة؟

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

وإذا كان التصميم سيخرج إلى أكثر من صيغة، فلا تفترض أن justify سيُفسَّر بالطريقة نفسها في كل مكان. راجع النسخة النهائية بعد التصدير، خصوصًا عندما ينتقل الملف بين HTML وPDF أو بين محرر ومستند نهائي. في هذه المرحلة تصبح مهارة إخراج المستندات والعروض العربية خطوة منطقية إذا كنت تريد فحص المحاذاة والخطوط والاتجاه في الناتج الفعلي.

متى لا يكفيك ضبط المقاس وارتفاع السطر؟

ضبط الحجم وارتفاع السطر لا يحل كل مشكلة في النص العربي. إذا كان الخط نفسه لا يناسب هوية العلامة أو نوع المحتوى فلن يصلحه المقاس، وإذا كان محرك العرض لا يدعم النص المركب جيدًا فهذه مشكلة Rendering وليست مسألة font-size أو line-height. وبناء نظام Typography كامل لواجهة متعددة اللغات يتجاوز تعريب قالب واحد، لأنه يشمل Tokens وBreakpoints وحالات Responsive. أما النص العربي المحوّل إلى Paths داخل صورة أو رسم فلم يعد عنصرًا طباعيًا تضبط خصائصه مباشرة، وقواعد التحرير اللغوي وعلامات الترقيم تؤثر في جودة الصفحة لكنها خارج معايرة حجم الخط والمسافات الرأسية.