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

问题

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?

回答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/

回答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;}

回答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

回答4:

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

回答5:

Try This code snippet

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

来源：https://stackoverflow.com/questions/5811166/does-css-support-text-anti-aliasing-such-as-crisp-sharp-etc-yet