I have used this snippet to prevent webkit from changing antialiasing when using CSS transforms:

html{ -webkit-font-smoothing: antialiased; }

This works fine for most cases, however I noticed some weirdness in chrome when playing around with Bootstrap using this HTML:

<button class="btn btn-inverse">John Doe</button>
<a class="btn btn-inverse">John Doe</a>?

This is how it looks in OSX/Chrome:

Fiddle: http://jsfiddle.net/hY2J7/. In fact, it seems that it is not applied to buttons at all. Is there a safer technique to trigger the same antialiasing in webkit for all elements?