Text Anti-Aliasing
Not long ago, my producer keep complaining the fonts looks funny in the JPEG. She wanted me to try different line-light and sizes make it more readable, but I still can’t make her happy. In the end of the day I made the text sharp in Photoshop and send it again, she smiled and the client signed it off.
It’s something called Anti-Aliasing
In Photoshop
In this Image use the same font/size/colour use in this blog, so you can compare which is the best setting for the fonts in photoshop.
In CSS
In this blog site uses antialiasing on CSS. The main reason is the text looks better in iOS and performs better when CSS execute the transitions and animations than using another antialiasing called subpixel-antialiased.
.selector{
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}
Check out the difference in yours, (It may not looks very different if you're a windows user):
http://maxvoltar.com/sandbox/fontsmoothing/
