Antialias font-face embedded text in Windows?
Is there any way to make the fonts render as anti aliased in Windows, when using fo开发者_JAVA百科nt-face embedding?
http://code.google.com/webfonts looks much better on Ubuntu/Mac, as compared to Windows 7 (tried chrome/firefox)
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.
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.
This should force Chrome on Windows to anti-alias:
-webkit-transform: rotate(-0.05deg);
I'm not aware of any solution for Firefox.
Ensure you've got clear-type turned on. Thats-anti aliasing for your windows.
Looks like there's no Anti-aliasing present for embedded fonts in any version of Windows yet.
have you tried the css3 font smoothing
font-smooth: auto | never | always | <absolute-size> | length | initial | inherit
精彩评论