It seems a browser issue, probably only in Windows. Chrome doesn't do the anti aliasing well (or not at all):
http://niteodesign.com/web-design/how-to...rendering/
Maybe other fonts give better results
EDIT1:
Looked into it a bit. You can add the following at #imgholder h1:
to make the Welcome to GetSimple! title smoother, although it might look worse in other aspects.
Edit2:
Also, the shadow of the text "welcome to GetSimple" is rendered wrong in IE9 (haven't test it in other ie versions yet).
Edit: looks fine in IE10
http://niteodesign.com/web-design/how-to...rendering/
Maybe other fonts give better results
EDIT1:
Looked into it a bit. You can add the following at #imgholder h1:
Code:
#imgholder h1 {
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.70);
to make the Welcome to GetSimple! title smoother, although it might look worse in other aspects.
Edit2:
Code:
h2 {
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.45);
Code:
h3 {
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: rgba(0, 0, 0, 0.3);
Also, the shadow of the text "welcome to GetSimple" is rendered wrong in IE9 (haven't test it in other ie versions yet).
Edit: looks fine in IE10