CODEWITHSUNDEEP
htmlcssfontssmoothing
user1898958
user1898958

Reputation: 93

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!!

Upvotes: 1

Views: 2129

Answers (1)

Steve de Niese
Steve de Niese

Reputation: 984

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.

Upvotes: 2

Related Questions