Search code examples
htmlcssfontssmoothing

CSS Font Smoothing similar to Photoshop "Smooth" Option


I'm trying to replicate the photoshop font "Smooth" option using HTML/CSS. Any ideas on how I can achieve this?

Here is the text in Photoshop: (20 px Tahoma Smooth)

enter image description here

Here is the same text in HTML: (20 px Tahoma)

enter image description here

Thanks!!


Solution

  • You can use webkit fonts to have more control over your text.

    Font anti-aliasing is handled by the rendered not the code unfortunately. The OS and/or browser in this case.

    I recommend checking out Typekit, Fonts.com or Google Fonts to explore some options here. If you have the font licenses something like cufon may also be a good idea.