Faux Slant Test

In Safari (macOS & iOS), variable fonts with a Slant axis are given a “faux-slant.” Instead, their slnt axis should be activated. See the CSS Spec for font-style for details.

In browsers that correctly render the Slant axis, the "hamburgfontsiv" example will have no visible mismatching overlap, while the "o" example will have a lot of offset.

font-style: italic; /* applies artificial skew */

font-variation-settings: 'slnt' -10; /* shows correct rendering */

hamburgfontsiv

hamburgfontsiv

Corrected X placement to compare curves:

o

o