font-synthesis is the new -webkit-font-smoothing: antialiased

Bit of a mouthful there but just look at the difference between Safari and Chrome rendering a page with a variable font. Chrome: Safari: At some point in the past, we used to be able to fix this with: -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; But, this no longer seems to have an effect. I landed on this Stack Overflow answer and indeed that fixes the issue: Safari…