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?

Accepted Answer

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;
}
```

Solution