CODEWITHSUNDEEP
antialiasingfont-face
Dogbert
Dogbert

Reputation: 222128

Antialias font-face embedded text in Windows?

Is there any way to make the fonts render as anti aliased in Windows, when using font-face embedding?

http://code.google.com/webfonts looks much better on Ubuntu/Mac, as compared to Windows 7 (tried chrome/firefox)

Upvotes: 7

Views: 4328

Answers (6)

Keyamoon
Keyamoon

Reputation: 1813

I just found a great solution for this old problem. If you serve the svg format of your font before woff, Chrome on windows will anti-alias and render your font properly.

I'm using this technique on my demo page here. You can see the headers and the icon fonts are all smooth and properly anti-aliased.

Upvotes: 10

Lelon
Lelon

Reputation: 905

This should force Chrome on Windows to anti-alias:

-webkit-transform: rotate(-0.05deg);

I'm not aware of any solution for Firefox.

Upvotes: 2

Glycerine
Glycerine

Reputation: 7347

have you tried the css3 font smoothing

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit

Upvotes: 0

Peter Mumford
Peter Mumford

Reputation: 31

above recommendations to turn on cleartype are sadly incorrect. Cleartype makes embedded fonts jagged – turning clertype OFF makes them smooth. i don't know why this is, but it sure is frustrating.

Upvotes: 3

Dogbert
Dogbert

Reputation: 222128

Looks like there's no Anti-aliasing present for embedded fonts in any version of Windows yet.

Upvotes: 0

Glycerine
Glycerine

Reputation: 7347

Ensure you've got clear-type turned on. Thats-anti aliasing for your windows.

Upvotes: 0

Related Questions