css מאפייני font font-optical-sizing

✔️ font-optical-sizing CSS Style Property

המאפיין font-optical-sizing קובע אם עיבוד הטקסט מותאם לצפייה בגדלים שונים.
גודל אופטי מופעל כברירת מחדל עבור גופנים שיש להם ציר וריאציה של גודל אופטי. ציר וריאציה של גודל אופטי מיוצג על ידי opsz בהגדרות גופן-וריאציה.

כאשר נעשה שימוש בגודל אופטי, גדלים קטנים של טקסט מעובדים לעתים קרובות עם קווים עבים יותר וסריפים גדולים יותר, בעוד שטקסט גדול יותר מעובד לעתים קרובות יותר בעדינות עם יותר ניגודיות בין קווים עבים לדקים יותר.

דוגמא: שליטה בהתאמת גודל אופטי

Demo Panel:

AaBbCc

CSS: 111
HTML: 222
Syntax:

Valid values:
  • none, auto, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.fontOpticalSizing

תאימות דפדפנים

font-optical-sizing
הערך שנבדקChromeFirefoxEdgeCOpera
auto✔️✔️✔️✔️
none✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️