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

مهدي شكراً لك… ولكني لم أفهم بالضبط كيف يمكن التخلص من هذه المشكلة! لقد حاول أحد أصدقائي قراءة مدونتي مقطوعات عبر ال i-phone ولكن الأحرف العربية كانت مقطعة. كيف يمكن تعديل ال CSS لحل هذه المشكلة؟
مع التحيات
@ يحيى: ابحث في ملف CSS في مدونتك واحذف جميع خصائص letter-spacing … (خذ نسخة احتياطية أولاً من ملف CSS).
مثال: تكون بهذا الشكل:
letter-spacing:YYpx
YY: قيمة مسافة التباعد بين الأحرف. (وبنهاية السطر، قد توجد فاصلة منقوطة)
شكراً لك أخي مهدي..
لقد بحثت في ملف ال CSS وللأسف لم أجد أي تعريف لخاصية letter-spacing …
ماذا لو وضعتها بنفسي و جعلتها:
letter-spacing:0px
هل سينفع ذلك برأيك؟
@ يحيى : جرّب …
تذكر بأنني أتحدث هنا عن متصفح أوبرا ومشكلته مع الخطوط العربية وليس عن iPhone …
شكراً اخ مهدي
مدونتي على البلوغر وجربت الطريقة لكن لم تنفع
وربما لم أفهم جيدا لكن هل من حل أخر’’’؟؟؟
يااااااااااااااااااااااا سلام عليك أخ مهدي
الله يجازيك بالخير
نفعت طريقة letter-spacing:0px
مع مدونتي وهي على البلوغر
كما لا أنسى اخ يحيى الذي أوحى لنا بالحل
فشكرا جزيلا
@ abgred:
سواء حذفت السطر بالكامل أو اعطيتها القيمة 0
letter-spacing:0px
فنفس المعنى (بحسب المثل الشعبي: هاي ذاني وهاي ذاني- هل لديكم هكذا مثل في بلدكم؟) . القيمة 0 تعني إلغاءها نهائياً …
بهذه المناسبة، لي عندك مكافأة
ملاحظة: عندما قلت لصديقنا يحيى “جرّب” لأنني أردت أن يجبر المتصفح على اعتبار المسافة = 0 بين الحروف. فلعلها تنفع مع مشكلته …
.
شكراً أخي مهدي . .
فعلاً كانت مشكلة واجتها مع هذا المتصفح
لكنني سأجرب استخدامه مرة أخرى
.
@ المدني: الحل الذي أقترحه هو ليس للمستخدمين بل للمصمين؛ لأن سبب المشكلة هو التصميم نفسه.
أشكرك.. حللت المشكلة..
مهدي لم أفهم معنى المث ل، هل هو فلسطيني،؟؟؟؟
قل لي حتى أوافيك بمقابله المغربي
دمت بود
abgred: يعني إذا أمسكت بأذنك من الأمام ام التفت لمسكها من خلف رأسك فالنتيجة واحدة والأذن واحدة سواء امسكتها من الأمام أم من الخلف …
في الواقع، لا أحب اللهجة العامية وتحديداً في رحلة ضَوْء، ولكن أحياناً تضطر لذلك لأن أمثالنا الشعبية أشد تعبيراً كما الصور …
والله يا أخي مهدي لم يحضرني أي مثل يفيد هذا المعنى الساعة.
لكني اهديك هذا المثل في المحبة
” العينين لي كيحبوك من البعيد كيشفوك”
يعني ان العيون التي تحبك تراك ولو من بعيد….
ترى هل يراني أحد ؟؟؟
ولو من بعيد،،،،
@ abgred: شكراً لك
هناك حل سريع لقراءة المواقع التي تحدث فيها هذه المشكلة:
من شريط الأدوات العلوي يوجد زر كان موجودا افتراضا في الإصدارات السابقة من أوبرا، والذي فيه أيقونة عرض الصور أو عدم عرضها وتحتها خيارات أخرى هي: Author Mode و User Mode
ويوجد زر أيضا لهاتين الخاصيتين يحمل الاسم الأول.
اضغط Shift مع F12 ثم اختر علامة التبويب Buttons ، واسحب الأزرار المطلوبة إلى شريط الأدوات العلوي أو السفلي.
باختيار الخيار User Mode تكون أبطلت مفعول CSS الخاطئة مع اللغة العربية ويمكنك عندها قراءة الصفحة دون تنسيقات CSS.
متصفح الأوبرا الأفضل من وجهة نظري. عيبه الوحيد هو إظهار الحروف العربية مقطعة في بعض الصفحات.
والحمد لله قمت بحل هذه المشكلة اليوم ، لمن يهتم http://gouhary.com/blog/?p=343