انتقل إلى محتوى الدرس

Letter Spacing Arabic Warning تباعد الأحرف ومحاذير العربية

أتقن خصائص تباعد النصوص في لغة CSS لضبط ارتفاع السطر بالأرقام المجردة والمسافات بين الكلمات والبادئة وعرض الجدولة، مع حماية اتصال الحروف العربية من الانقطاع.
4 صفوف تعليمية
لغة CSS
10,738 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تتحكم خاصية letter-spacing في زيادة أو إنقاص المسافة الأفقية الدقيقة بين كل حرف والحرف الذي يليه. في الواجهات الإنجليزية، يمنح دمج text-transform: uppercase مع قيمة موجبة خفيفة مثل letter-spacing: 2px أو 0.08em الشارات القصيرة والعناوين الفرعية مظهراً أنيقاً واضح المعالم.

تحذير هندسي حاسم للنصوص العربية: إيّاك وتطبيق قيم موجبة لخاصية letter-spacing على الجمل والعناوين العربية! فالأبجدية العربية خط متصل يعتمد في جماله ومقروئيته على تلاحم الحروف وتشكيلاتها المتصلة؛ وإقحام مسافة إضافية بين الحروف يؤدي إلى تقطيع الكلمة العربية أو تشويه وصلاتها الطباعية بشكل منفر للقارئ. التزم دائماً بالقيمة letter-spacing: normal أو 0 في الواجهات العربية.

الصف 2 شرح توضيحي

انتقل بين الحالات الثلاث في المختبر التفاعلي التالي لتقارن بصرياً بين إيقاع الفقرة المريح، وتباعد العناوين اللاتينية، وأثر الخطأ الشائع عند فرض letter-spacing موجب على الكلمات العربية المتصلة:

الصف 3 معاينة حية
الصف 4 ملاحظة هامة