Per this question, the interesting thing to note is that WebKit interprets your text as a texture, versus a vector, post-transform. Hence, the text which is rendered first has the advantage of vector rendering, whereas subsequent text renderings are as textures.
Try enlarging the font then artificially diminishing it using -webkit-transform: scale. This essentially creates a higher-res texture. I'm not going to bullshit you and say I came up with this solution (credit goes to Duopixel), but I did update your fiddle. If possible, try to use a sans-serif font, as they tend to be more resilient to scaling issues than their serif friends (though this isn't necessarily reliable). I've used Arial in the example I gave you. Here's the code, applied to your headers:
h2 {
font-family: 'Arial';
font-size: 120px;
font-weight: 100;
text-align: center;
-webkit-transform: scale(.5);
}
Best of luck!