ستصل خاصية CSS font-size-adjust إلى Chrome اليوم،
وأصبحت جزءًا من قائمة "المسارات الأساسية" المتاحة حديثًا يمكن أن يساعد هذا الموقع في منع
تغيير التخطيط الخاص بك عند تحميل الخطوط الاحتياطية، والتأكد من
وضوح الخطوط الاحتياطية بأحجام خطوط أصغر. font-size-adjust
الملكية جزء من
Interop 2024،
ولذا يعد هذا مكسبًا آخر للجهد المبذول لتحسين إمكانية التشغيل البيني
منصة الويب.
المشكلة
عند مقارنة خطين تم ضبطهما على نفس الحجم، اعتمادًا على الشكل والحجم الأحرف الرسومية، يمكن أن يشغل النص المعروض مساحة مختلفة جدًا. على سبيل المثال، يُظهر العرض التوضيحي التالي نصًا في Verdana و Arial، تم تعيينهما على 16 بكسل.
يتم تفسير الاختلاف في الحجم إلى حقيقة أن قيمة العرض إلى الارتفاع، ارتفاع الأحرف الصغيرة عند مقارنته بالأحرف الكبيرة في أحد الخطوط، يختلف بين الخطوط.
يمكن أن يتسبب ذلك في مشكلتين عند استخدام خط بقيمة عرض إلى ارتفاع مختلفة. كإجراء احتياطي أولاً، سيتغير مقدار المساحة التي يشغلها الخط. ثانيًا، قد يكون الخط الاحتياطي الذي اخترته أقل وضوحًا من الخط المحدد لأول مرة، لا سيما في أحجام الخطوط الصغيرة. هذا لأن ويُعد الارتفاع النسبي بين الأحرف الصغيرة والأحرف الكبيرة عاملاً أساسيًا في والوضوح.
فوائد استخدام font-size-adjust
تتيح لك السمة font-size-adjust تعديل الخط الاحتياطي للحصول على نتائج أفضل
تتطابق مع الخط الأول. يوضح المثال التالي الخطين المعروضين
سابقًا، هذه المرة تم تعديل الخط الثاني ليطابق الخط الأول.
font-size-adjust"يستخدم هذا المثال قيمة واحدة، رقمًا، يقوم بضبط الخطوط باستخدام
مقياس الخط التلقائي ex-height وهذه هي نسبة ارتفاع س
ارتفاع حرف x صغير في الخط على حجم الخط. يمكنك أيضًا تحديد نوع الخط
المقياس المستخدَم. في المثال التالي، قمت بتسوية الخطوط باستخدام
كلمة رئيسية واحدة (ch-width)، بالإضافة إلى الرقم.
font-size-adjust مع مقياس الخط بعرض chلرؤية جميع القيم المحتملة، انظر
مستندات MDN لـ font-size-adjust.
من المفيد النظر إلى موقعك باستخدام الخط الاحتياطي ومعرفة ما إذا كان
يمكن تعديل المحتوى باستخدام font-size-adjust لمساعدة القرّاء الذين يستخدمون الخط الاحتياطي.
للحصول على تجربة أفضل، لا سيما الآن أنّها متوفّرة في كل مكان.