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

text css antialiasing
Brett picture Brett · Apr 28, 2011 · Viewed 70.5k times · Source

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

Spudley picture Spudley · Apr 28, 2011

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/

Related questions

How can I replace text with CSS?

How can I replace text with CSS using a method like this: .pvw-title img[src*="IKON.img"] { visibility:hidden; } Instead of ( img[src*="IKON.img"] ), I need to use something that can replace text instead. I have to use [ ] to …

Read More
Limit text length to n lines using CSS

Is it possible to limit a text length to "n" lines using CSS (or cut it when overflows vertically). text-overflow: ellipsis; only works for 1 line text. original text: Ultrices natoque mus mattis, aliquam, cras in pellentesque tincidunt elit purus lectus, …

Read More
HTML: Changing colors of specific words in a string of text

I have the below message (slightly changed): "Enter the competition by January 30, 2011 and you could win up to $$$$ — including amazing summer trips!" I currently have: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> formatting the text …

Read More