مرجع سريع لتنعيم النصوص الفاتحة على خلفيات داكنة ومنع سماكة الخطوط الزائدة على شاشات macOS.
النموذج القياسي لمكافحة التعرج
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
قيم الخصائص وسلوكيات العرض
متصفحات WebKit و Blink (-webkit-font-smoothing)
| القيمة | سلوك العرض |
|---|---|
auto |
التنعيم التلقائي الافتراضي للبكسلات الفرعية |
none |
تعطيل التنعيم كليا (حواف بكسلية حادة) |
antialiased |
عرض النص بتنعيم التدرج الرمادي السلس بدلا من البكسلات الفرعية |
متصفح Firefox على macOS (-moz-osx-font-smoothing)
| القيمة | سلوك العرض |
|---|---|
auto |
العرض الافتراضي بالبكسلات الفرعية |
grayscale |
عرض النص بمكافحة تعرج التدرج الرمادي |
أفضل الممارسات
- الوضع الداكن وخلفيات الألوان العكسية: يكون تنعيم التدرج الرمادي فعالا للغاية للنصوص الفاتحة على خلفيات داكنة (مثل نص أبيض على خلفية داكنة)، مما يمنع تضخم النصوص على شاشات Retina عالية الدقة.
- الخلفيات الفاتحة: بالنسبة للنصوص الداكنة العادية على خلفية بيضاء، يوفر الوضع التلقائي الافتراضي (auto) وضوحا وقراءة أفضل للنصوص الصغيرة.