我在字体的跨浏览器兼容性方面遇到了一些问题。FireFox 和 Chrome 看起来几乎一样,在 FireFox 上可能更流畅一些,但在 IE9 上看起来更简洁更大胆?我已经使用字体的每个 CSS 值来尝试为每个浏览器设置默认值,但没有任何效果。任何想法 IE9 正在做什么来扭曲字体?我确实喜欢它在 IE9 中的外观,但我希望它在浏览器之间匹配。
2 回答
字体渲染不仅取决于浏览器,还取决于操作系统。请参阅以下两篇文章,它们解释了差异以及如何使用 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/
这里有很好的记录,IE9 忽略了操作系统范围的字体平滑设置(又名抗锯齿)。即使在 Windows 中禁用了字体平滑和 ClearType,IE 仍然显示抗锯齿字体,一些用户难以阅读,尤其是在小字体时。
微软说,
Internet Explorer 9 利用 Windows DirectWrite 和 Direct2D API 使用亚像素 Microsoft ClearType 字体定位来呈现硬件加速文本。最近对 ClearType 的增强功能通过提高显示文本微小细节的清晰度来帮助提高液晶显示器 (LCD) 上文本的可读性。Internet Explorer 9 中子像素定位的实现对 Web 开发人员很有用,因为文本放置和换行符在不同用户的配置中保持不变
但是,有一些方法可以禁用此功能(此处提到),但它是一种客户端技术,您的代码无法控制它。