في شهر مايو، قدمت Microsoft رسميًا خط Yahei المتوفر للتنزيل ضمن نظام التشغيل Windows XP. يعد خط Yahei خطًا مثاليًا تقريبًا حيث يحل مشكلة عدم إمكانية فك رموز الأحرف الصغيرة على شكل أغنية، خاصة بالنسبة لشاشات الكريستال السائل (LCD)، بعد تشغيل تأثير ClearType، سوف تحصل على متعة بصرية أكثر كمالا. أنا الآن مفتون بـ Yahei. إذا نظرنا إلى الوراء في النظام الافتراضي لسلالة سونغ، فإن الحواف الخشنة واضحة وقبيحة للغاية.
لكن المشكلة التي تأتي مع ذلك هي أن خطوط Yahei سيكون لها بعض تأثيرات الخلع على عرض تخطيط صفحة الويب في Internet Explorer. المشاكل التي وجدتها حتى الآن موجودة بشكل رئيسي في جانبين.
1. في بعض الأحيان، يصبح التسطير خطًا.
في الواقع، يعد هذا اختلالًا مرئيًا وليس خطًا حقيقيًا. في الفقرات التي تحتوي على مزيج من اللغتين الإنجليزية والصينية، سيتم كسر التسطير وتصبح غير منتظمة تمامًا.
فيما يلي الرابط التشعبي للنص الصيني على الصفحة الرئيسية لـ google.cn:
تظهر هذه الظاهرة فقط في الخطوط الصينية، ولا تتأثر الخطوط الإنجليزية:
سيكون الأمر أكثر وضوحًا إذا كان هناك مزيج من اللغتين الصينية والإنجليزية:
ويمكن ملاحظة أنه تم نقل التسطير إلى الأعلى حيثما توجد أحرف صينية، ولم تتأثر اللغة الإنجليزية.
2. يتغير ارتفاع الخط في Internet Explorer
فيما يلي لقطة شاشة لارتباط تشعبي مع صورة خلفية في مدونتي:
يتم الآن عرض النمط العادي الأصلي ضمن خط Song أدناه، مما يوضح أن ارتفاع الخط قد تمت زيادته في Internet Explorer. ولكن في فايرفوكس لا شيء يتغير.
3. حاول حل المشكلة.
في لقطة شاشة Google.cn، وجدنا أن الارتباط التشعبي "تسجيل الدخول" الموجود على اليمين طبيعي. وهذا يدل على أنه ليست كل الارتباطات التشعبية الصينية تعاني من هذه المشكلة، لقد قمت بمقارنة الاختلافات في أنماطها بعناية. لقد وجدت أن الرابط الموجود على اليسار له نمط إضافي عن "تسجيل الدخول" الموجود على اليمين:
Vertical-align:top;
بعد أن قمت بحظر هذه السمة، سار كل شيء على ما يرام. في لقطة الشاشة الثالثة من "منتدى Meizu"، وجدت أنه على الرغم من عدم ظهور المحاذاة الرأسية في النص، إلا أنها موجودة في الصورتين الصغيرتين التاليتين:
Vertical-align:middle؛
قم بإزالة هذه الصورتين لاحقًا، كل شيء طبيعي مرة أخرى.
لذلك، من المؤكد أنه ستكون هناك مشاكل في استخدام المحاذاة الرأسية في الارتباطات التشعبية الصينية (ليس كل عنصر لديه سمة المحاذاة الرأسية). الحل الأبسط هو تجنب استخدام المحاذاة الرأسية أو المحاذاة، أو تجنب استخدام الروابط الفائقة التي يتم وضع خط تحتها. بالطبع، هذه ليست طريقة جيدة للتعامل مع المشكلة بشكل صحيح.
أما بالنسبة للمشكلة الموجودة في مدونتي، فهي تظهر فقط أن خط Yahei يتسبب في زيادة ارتفاع الخط في Internet Explorer (يعرض Firefox بشكل طبيعي لحل هذه المشكلة). المشكلة، ما عليك سوى التحكم في الارتفاع، ولكنه عنصر مضمن ولا يمكن ضبط الارتفاع، لذلك تحتاج إلى التعاون مع disaply:block ثم إصلاح الارتفاع (ومع ذلك، بعد تعيين سمة الكتلة، يتم التفاف الخط تلقائيًا. قد تحدث في هذه الحالة، تحتاج إلى استخدام السمات والسمات الأخرى معًا). لقد وجدت أن هذه الطريقة يمكنها أيضًا حل المشكلة المذكورة أعلاه، لذا فإن تحديد ارتفاع الارتباط التشعبي سيكون طريقة أفضل.
ملاحظة إضافية: لقد قمت بتعديل الخط الافتراضي على أساس نظام التشغيل Windows XP، مما قد يسبب بعض المشاكل. من الصعب بالنسبة لي تحديد ما إذا كان نوعي المشاكل المذكورة أعلاه ناتجًا عن خط Yahei نفسه أو إعدادات أخرى غير صحيحة . لم أتمكن من معرفة ما إذا كانت هذه المشكلة موجودة أيضًا في اختبار نظام Vista، إذا كان لدى أي شخص الشروط، فيمكنك المساعدة في اختبارها.
ملاحظة: هذه المشكلة موجودة في جميع إصدارات Internet Explorer، ولم يتأثر Firefox.