跨浏览器字体问题

Question

我在使用跨浏览器兼容性方面遇到麻烦。 FireFox和Chrome看起来几乎相同，可能在FireFox上更平滑，但在IE9上，它看起来更浓缩，更有点大胆？我已经使用了字体的每个CSS值来​​尝试为每个浏览器设置默认值，但没有任何效果。有什么想法IE9正在做什么扭曲字体？我喜欢它在IE9中的外观，但我希望它能在浏览器之间进行匹配。

Answer 1

字体渲染不仅依赖于浏览器，还依赖于操作系统。 请参阅以下两篇文章，它们解释了这些差异以及您可以用CSS做些什么来克服它：

http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/

http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/

Answer 2

IE9忽略了操作系统范围内的字体平滑设置（又名抗锯齿）。{3}}即使在Windows中禁用了字体平滑和ClearType，IE仍会显示抗锯齿字体，有些用户难以阅读，特别是在字体较小的情况下。

微软说，

  

Internet Explorer 9利用Windows DirectWrite和Direct2D API，使用子像素Microsoft ClearType字体定位渲染硬件加速文本。最近对ClearType的增强有助于通过增加显示文本的微小细节的清晰度来提高液晶显示器（LCD）上文本的可读性。 Internet Explorer 9中子像素定位的实现对Web开发人员非常有用，因为文本放置和换行符将在不同用户的配置中保持不变

但是，有一些方法可以禁用此功能（提到here），但这是一种客户端技术，您的代码无法控制它。