Just came across mac safari text rendering issue.
Safari renders the text very ugly, blurry and fat, when it is bold and when the text is light colored and with dark background.
Here is the screenshot with the white bold text with dark background. To get the actual output which is clean in the second section of the screenshot, lets use the text-shadow CSS property with the shadow color as same as the text color.
.classname {
text-shadow: #fff 0 0 0;
}
As there is large amount of Mac users, this one line in CSS makes huge difference for the look n feel.
2 Comments
Hi, good post. I have been woondering about this issue,so thanks for posting. I’ll definitely be coming back to your site.
Posted August 7, 2009 at 1:58 am | PermalinkThanks for writing, I very much liked your newest post. I think you should post more frequently, you evidently have natural ability for blogging!
Posted March 19, 2010 at 2:15 am | Permalink