开发者

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
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜