font-smoothing not applied to buttons
- by David
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?