Quite possibly the best CSS "hack" I've ever used...
After a good couple of days banging my head against the desk trying to figure out a solution to a Windows Safari "bug" I think I may have found the best CSS "hack" ever...
Ever wondered why Safari renders fonts bolder than all other browsers on Windows? Well it's down to a setting hidden away in the preferences dialog shown below:

Which is great if you can control everyone's install of Safari but, well let's face it - you can't. Which left me with the dilema... how the hell do I get the headers on my website to render as expected in Safari? Well fear not - just add the following line to your css:
text-shadow: 0 0 0 #FFF;
Where #FFF is whatever the background colour your text appears on and voila Safari's nasty aliasing "bug" has vanished!
Ever wondered why Safari renders fonts bolder than all other browsers on Windows? Well it's down to a setting hidden away in the preferences dialog shown below:

Which is great if you can control everyone's install of Safari but, well let's face it - you can't. Which left me with the dilema... how the hell do I get the headers on my website to render as expected in Safari? Well fear not - just add the following line to your css:
text-shadow: 0 0 0 #FFF;
Where #FFF is whatever the background colour your text appears on and voila Safari's nasty aliasing "bug" has vanished!
Labels: aliasing, bug, css, hack, render, safari, text-shadow




