@Krish1980 While `font-smoothing` only works on Macs, `optimizeLegibility` has nothing to do with anti-aliasing. It enables OT features. I’m betting this has to do with a poor font choice for screen use.

how come some fonts may render and look smooth in Fireworks or Photoshop, but they turn jagged when implemented in the browser? I wonder if that is what Jarolin is referring too. I have wondered this for a while. If a software program can render them nicely, how come browsers can’t?

PS and Fireworks have four different settings that render type. Browsers don’t have this option. There are many causes for a font not to render well in the browser. This can be anything from the type designer choosing to auto–hint (manual hinting is a long and tedious process) which usually causes the font to look poor, more noticeably in small sizes (you see this a lot with GWF). Different font files can cause this as well (TrueType vs PostScript). Chrome also has a bug not rendering anti-aliasing correctly. So there’s not always one “thing” at fault.

the worst one i remember was “Comfortaa”: http://www.fontsquirrel.com/fonts/Comfortaa, but this was probably like 7 months ago, and I’m actually using it on a site now and it looks fine. But I know what I saw when I first used it, and it was ugly lol.

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.