html - 跨浏览器字体问题

Question

我在跨浏览器兼容性方面遇到了一些问题。 FireFox 和 Chrome 看起来几乎一样，也许在 FireFox 上更流畅一些，但在 IE9 上它似乎更简洁，更大胆一些？我已经使用字体的每个 CSS 值来尝试为每个浏览器设置默认值，但没有任何效果。任何想法 IE9 正在做什么来扭曲字体？我确实喜欢它在 IE9 中的外观，但我希望它在浏览器之间匹配。

Answer 1

有据可查here IE9 忽略了字体平滑(又名抗锯齿)的操作系统范围设置。即使在 Windows 中禁用了字体平滑和 ClearType，IE 仍然会显示消除锯齿的字体，一些用户很难阅读这些字体，尤其是在字体较小的情况下。

微软说，

Internet Explorer 9 takes advantage of Windows DirectWrite and Direct2D APIs to render hardware-accelerated text using sub-pixel Microsoft ClearType font positioning. Recent enhancements to ClearType help improve the readability of text on liquid crystal displays (LCDs) by increasing the sharpness of the tiny details of displayed text. The implementation of sub-pixel positioning in Internet Explorer 9 is useful for web developers because text placement and line breaks will remain constant across different users' configurations

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