LeaVerou/dabblet — Issue #21: Antialiasing jumps in top menu
Author: kizu
Created: 2011-12-14 20:47:35+00:00
State: open

It's just a minor issue, but it's also is easy to fix: in the top menu in Safari there can be some antialiasing jumps. In webkits there is a bug that sometimes occurs: using 3D transitions sometimes disables sub pixel antialiasing for some blocks.

In your case, I think, you'd want to disable it at all for menu: it won't be buggy and the text won't look so bold.

[Here is a video](i.kizu.ru/misc/D/anitialiasing.mov), showing the bug (don't look at flickering, it's the video defect).

To fix this issue, just add `-webkit-font-smoothing: antialiased;` to `

`.