NB: This one is for developers.
The idea is to get Chromium to assume that the page contains an infinite transform which triggers backface-visibility to beatify the fonts.
To achieve this it's very easy... create a dummy animation that does nothing!
.Dummy{-webkit-animation: Dumbo 1s linear 0s infinite normal none;}
@-webkit-keyframes Dumbo {0% {-webkit-transform: scale(1,1);}}
The “infinite” parameter is very important and any transform for the animation will do fine as long as it's going nowhere.
As can be observed nothing should happen because 1:1 means the element's size doesn't change, but we're gonna further restrict the "animation" by applying it to something very tiny and out of the way.
Therefore we add the animation class to some insignificant static element in the page like a copyright message:
<div class="CopyClass Dummy" style="position:absolute; top:5px; left:900px;">XYZ © Copyright 2015</div>
Voila! Now observe the font quality!
The quality is the same as when we set backface-visibility to hidden in the body section, but without the terrible bugs and side effects because we're now controlling it!
Busted!
