Re: Transforms cause font-smoothing weirdness in Webkit

[Smitty]

This has to do with webkit and css. Webkit for whatever reason likes to make the fonts swap from subpixel to standard antialiasing when doing css transforms. Personally, I’ve found the best way to fix this is to force standard antialiasing on the element which is being transformed.

To do this, put this on your element you need to style.

-webkit-font-smoothing: antialiased;