CODEWITHSUNDEEP
cssfont-faceantialiasing
Brandon Durham
Brandon Durham

Reputation: 7717

@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.

Upvotes: 8

Views: 5199

Answers (4)

Tobu
Tobu

Reputation: 25416

ttfautohint will rebuild the font's hinting for you.

Upvotes: 0

Gui Premonsa
Gui Premonsa

Reputation: 248

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.

Upvotes: 5

CodeVirtuoso
CodeVirtuoso

Reputation: 6438

I had this same issue, and just like Rinkalkumar I'd suggest specifying font-size.

But I've also found out that some fonts in some sizes simply render ugly. So you may wanna try adjusting size few px +- just to check is this the issue.

Font face support isn't perfect yet, so if this proves to be an issue, you may wanna try http://cufon.shoqolate.com/generate/ - it involves javascript but has proven to be great when you want fonts render consistently across browsers/platforms.

Upvotes: 0

RPB
RPB

Reputation: 16320

probably you can specify font-size in px for example

font-size:11px/11px;

this might help you because i have faced same problem and i solved it like this only

Upvotes: 0

Related Questions