R054: خط مائل مطبَّق على نص عربي

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

الفحص

المعرّف: R054
الفئة: الطباعة
الخطورة الافتراضية: متوسطة

متى يُطلق ملاحظة

متوسطة
نص ظاهر فيه 5 حروف عربية على الأقل مضبوط على font-style: italic أو oblique. ولأنه لا مائل عربيًا يُستخدم، يميل المتصفح الحروف آليًا.
الإصلاح: استخدم font-weight أو اللون للتمييز في العربية، وأعد font-style إلى normal.

ما الذي يتجاهله عمدًا

النص الذي فيه أقل من 5 حروف عربية، كعبارة لاتينية داخل نص عربي، فيمكن أن تبقى مائلة. حتى ست حالات في الصفحة.

قبل الإصلاح وبعده

before.css

em {
  font-style: italic;
}

after.css

:lang(ar) em {
  font-style: normal;
  font-weight: 600;
}

افحصه يدويًا

حدّد النص وشغّل getComputedStyle($0).fontStyle في وحدة تحكم DevTools. القيمة italic أو oblique على العربية هي الملاحظة؛ و<em> و<i> مائلان افتراضيًا.

ما يعرضه لك التقرير

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

fontStyle: قيمة font-style المحسوبة.
sample: النص، مقصوصًا عند 80 حرفًا.

هل تخفق صفحتك في الفحص R054؟

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

افحص صفحة مجانًا تصفّح الفحوص