Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Transforms cause font-smoothing weirdness in Webkit Reply To: [Solved] Transforms cause font-smoothing weirdness in Webkit

#169259
zoltan
Participant

I have a fix for this. Instead of of just using:

transform: scale(1.1)

use:

transform: perspective(1px) scale(1.1)

This will fix this issue in Firefox, Chrome and Safari. You should not put the perspective(1px) transform on the -ms-transform or -o-transform properties, since they don’t recognize perspective().

I wrote a blog post about this that covers off these issues and more:

http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/

Hope this is of some use.