Search code examples
fontscssfont-face

@font-face rendering thick


using standard fontsquirrel based @font-face mark up.. the font is rendering on the thick side. below is a screenshot demonstrating the font in a few different ways. top is photoshop's render, second is chrome's render of the same font (obviously much thicker), and third is chrome's render of a similar font, which is also rendering kind of chunky.

http://cl.ly/0e3b2t1N0U2e003h322O

Tried using font-weight:lighter with no avail.. is there any trick to lighten it up?

thanks!


Solution

  • added a few things to the h1 markup (where the fontface rule was applied).

    font-weight:normal; fixed a weird doubling thing that happened in iOS

    -webkit-font-smoothing: antialiased; handled the thick render