Question

I’m in the process of setting up a stylesheet for a PSD mockup we have of a new website. Most of the text in the mockup uses the ‘sharp’ anti aliasing method from photoshop.

What’s the best way to re-create these kind of photoshop anti aliasing methods? Setting different font-weights seem way off..

Btw, the font is Arial so no funny @font-face stuff going on here

Answer 1

A simple alternative is a text-shadow, which is a css3 property:

#foo {
    /* text-shadow: [color] [horizontal offset] [vertical offset] [blur] */
    text-shadow: #fff 0 1px 0;
}

Play around with the settings; you can make a very sharp end edgy looking font smooth, by experimenting with different colors and blur values.