How to apply font anti-alias effects in CSS?

Question

How can we apply Photoshop-like font anti-aliasing such as crisp, sharp, strong, smooth in CSS?

Are these supported by all browsers?

Answer 1

here you go Sir :-)

1

.myElement{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

2

.myElement{
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}