Search code examples
cssfont-faceantialiasing

@font-face alias issues on PC

Just started using this technique and am having strange results on the PC side. Virtually every browser I preview this site in on a PC makes the font look totally horsey. Example:

On the Mac:

http://dropbox.smallparade.com/howto-mac.png

On a PC:

http://dropbox.smallparade.com/howto-pc.png

Anyone have experience with this issue? Is there a resolution? Does it have anything to do with how the fonts were created? Appreciate any help I can get. I used the font-face generator over at fontsquirrel.com.

Solution

  • That's a Hinting problem.

    When you generate your font-face kit (like in FontSquirrel), you need to specify Hinting on the Expert options.

    Choose Expert, and under Rendering, select:

    Apply Hinting - Improve Win rendering.