Does CSS support text smoothing, such as "sharpness, sharpness, etc."?

Question

I have text in Photoshop and it is set to "sharp." When I put it on my site, it does not look like that at all.

Is there anything in CSS that I can use to make it crisp? Or not?

Or do you have suggestions to achieve a similar effect?

Answer 1

Not only this is not possible, but different browsers on the market enforce various smoothing settings, which means that you cannot get consistent results, even if they are not what you want.

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

Answer 2

this is what i found on the big company website:

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 are you really asking:

"Is it possible to control anti-aliasing in terms of web development?"

The answer, at the moment, and at least for some time in the future (until the OS vendors / browser begin to give this kind of development control [do not hold your breath]) is undeniable: None.

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

Answer 4

Forced anti-aliasing using css: is this a myth?

Answer 5

Try this piece of code

  class_name{ -webkit-font-smoothing: antialiased; }