أخيرا الحل لمشكلة الخطوط في متصفح اوبرا

مشكلة عرض الخطوط العربية في متصفح أوبرا





عندما ذكرت بعض مزايا أوبرا في مكانٍ ما في رحلة ضَوْء،
أخبرني أحد القراء عن مشكلة مع أوبرا عند تصفح المواقع العربية تتعلق
بطريقة عرض الخطوط. قبل أن يخبرني عنها، لم أكن لأصادفها، فكرت في المشكلة
والحل وهما غاية في البساطة. هذه صورة توضيحية للمشكلة:

في حين، المفترض أن تظهر بهذه الطريقة:


سبب هذه المشكلة، هو استخدام الخاصية letter-spacing في CSS. لأن هذه
الخاصية، تعني وضع مسافة فاصلة بين الحروف. في الحروف اللاتينية، هذه
الخاصية مفيدة لان الكلمات تتكون من حروف غير متصلة (مثال: Mahdi تصبح: M
a h d i) بينيما في العربية، فهي تتكون من حروف متصلة (مثال: مهدي) وإذا
استخدمنا خاصية letter-spacing مع كلمة “مهدي” فستظهر بهذه الطريقة في
أوبرا (م ه د ي). يتجاهل فيرفوكس
وإنترنت إكسبلورر هذه الخاصية مع النصوص العربية، في حين يصر على تطبيقها
متصفح أوبرا. والحل هو بإزالة هذه الخاصية أو بعدم استخدامها مع التصاميم
العربية لأن لا حاجة لها.
غالباً، تظهر هذه المشكلة مع التصاميم المعربة كقوالب ووردبريس وغيرها،وأعتقد أن المشكلة قد تظهر أيضاً في Opera mini.