最近,一位客户抱怨IE6中系统字体的外观。基本上,这个问题是IE6不支持字体平滑/抗锯齿(我知道你可以在操作系统设置或其他设置中打开它)。但是有人扔出了这颗宝石:
“您可以通过使用pt而不是px在css中强制字体消除锯齿。”
我在不同的浏览器上做了一个快速的POC,看不出有什么区别。我在网上找到了一个参考资料,在这个论坛的最后一篇文章中:
http://www.webmasterworld.com/css/3280638.htm
这听起来就像是网络开发者的都市神话,我的感觉是这是胡说八道。有没有人遇到过它?
发布于 2009-04-17 11:17:37
不,作为一名web开发人员,没有任何方法可以控制这一点。
小的例外是,你可以通过sIFR使用Flash来做一些假的反走样,并且一些浏览器不会反走样位图/像素字体(更多信息:Anti-Aliasing / Anti-Anti-Aliasing)。
此外,正如丹尼尔提到的,对所有字体使用em
单位都是理想的,有关这方面的更多信息,请参阅The Incredible Em & Elastic Layouts with CSS。
发布于 2012-01-03 01:35:19
哦,是的,你可以:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
Source for Firefox,谢谢Justin的提醒。
发布于 2011-03-14 21:09:42
CSS3中有一些令人兴奋的新特性:
font-smooth:always;
-webkit-font-smoothing: antialiased;
不过,我自己还是没有做太多的测试,而且它们几乎肯定不会对IE有任何好处。可能对Windows上的Chrome或者Firefox很有用。据我所知,他们没有像在OSX中那样自动消除小东西的锯齿。
更新
IE或Firefox不支持这些。据我所知,字体平滑属性只在iOS safari中可用
https://stackoverflow.com/questions/761778
复制