Does CSS support text anti-aliasing such as “crisp, sharp etc” yet?

Question

I have some text in Photoshop & it's set to "crisp". When I put it on my site it doesn't quite look the same.

Does anything exist in CSS yet that I can use to make it crisp? Or not?

Or do you have any suggestions to achieve a similar effect?

Answer 1

Not only is it not possible, but different browsers on the market enforce different antialiasing settings, meaning that you can't get consistent results, even if they are not what you want.

For a good article on how the various browsers deal with font rendering, I'd suggest reading this: http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Answer 2

this is what I found on a big company's web site:

body, table, form {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
background-color: transparent; 
color: #333; 
-webkit-font-smoothing: antialiased;}

Answer 3

What you're really asking is:

"Is it possible to control anti-aliasing from the web development perspective?"

The answer, for now, and for at least some time into the future (until OS/browser vendors start giving that kind of developmental control [don't hold your breath]) is undeniably: NO.

• Forcing AA is a myth
• No way to smooth text
• Use images to simulate AA

Answer 4

Forcing anti-aliasing using css: Is this a myth?

Answer 5

Try This code snippet

 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}