خاصية font-size-adjust
آخر تحديث: 2026-09-13
font-size-adjust خاصية font-size-adjust
تحافظ خاصية font-size-adjust في CSS على ثبات الارتفاع-x (ارتفاع الحرف x الصغير) عندما تعود الخطوط إلى بدائلها، مما يمنع قفزة بصرية كبيرة في الحجم عند مزج خطوط مختلفة. وهي خاصية من CSS3.
| الفئة | |
|---|---|
| القيمة الأولية | none |
| موروث | نعم |
| ينطبق على | |
| نوع الحركة | |
| إصدار CSS | CSS3 |
| الحالة | قياسي |
📝 التركيب
font-size-adjust: none | auto | <number>;
⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
none | كلمة مفتاحية | بدون تعديل |
<number> | النوع | قيمة الضبط (تحافظ على ثبات الارتفاع-x) |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح | |||||
|---|---|---|---|---|---|
| font-size-adjust | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح: يُضبط هذا القيمة عادةً بنسبة الارتفاع-x للخط الأساسي (x-height / font-size) بحيث تحافظ الخطوط البديلة على حجم بصري متسق.
تحذير: دعم المتصفحات محدود؛ تحقق من أن المتصفحات المستهدفة تدعمها قبل استخدامها في بيئة الإنتاج.
❓ الأسئلة الشائعة
Qما المشكلة التي تحلها خاصية font-size-adjust في تصميم الويب؟
Aالخطوط المختلفة لها ارتفاعات-x مختلفة (ارتفاع الحروف الصغيرة) عند نفس حجم الخط، لذا عندما يفشل تحميل الخط المفضّل ويُستخدم خط بديل، يتغير الحجم البصري بشكل ملحوظ. يوحّد font-size-adjust نسبة الارتفاع-x إلى حجم الخط، مما يجعل الخط البديل يبدو بالحجم نفسه تقريبًا كالخط المفضّل.
Qكيف أختار القيمة الصحيحة لخاصية font-size-adjust؟
Aالقيمة هي نسبة الارتفاع-x للخط إلى حجم الخط — حوالي 0.58 لخط Verdana و0.48 لخط Georgia. قِس نسبة الخط المفضّل أولًا، وأدخلها، ثم تحقق من كيفية عرض الخط البديل. الصياغة الأحدث تقبل أيضًا auto، لتقوم المتصفح بحساب القيمة.
Qما هو دعم المتصفحات الحالي لخاصية font-size-adjust؟
Aتدعمه متصفحات Safari وFirefox منذ سنوات؛ أما Chrome وEdge فلم يضيفا الدعم إلا بدءًا من الإصدار 127. يتجاهل Chrome القديم هذه الخاصية، لذا تُعرض الخطوط البديلة بأحجام غير متسقة. تأكد من المتصفحات المستهدفة قبل النشر.