html - 跨浏览器字体问题

标签 html internet-explorer-9

我在字体的跨浏览器兼容性方面遇到了一些问题。 FireFox 和 Chrome 看起来几乎一样,也许在 FireFox 上更平滑一些,但在 IE9 上看起来更简洁,更大胆一些?我已经使用了字体的每个 CSS 值来尝试为每个浏览器设置默认值,但没有任何效果。你知道 IE9 是如何扭曲字体的吗?我确实喜欢它在 IE9 中的外观,但我希望它在浏览器之间能够匹配。

Example

最佳答案

有详细记录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 ),但它是一种客户端技术,您的代码无法控制它。

关于html - 跨浏览器字体问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13984316/

相关文章:

css - 位置 :fixed collapsing elements

internet-explorer-9 - Internet Explorer 9 中无样式文本的@font-face 闪烁

javascript - IE9 相当于 querySelectorAll

html - html5音频mp3路径不适用于IE9

html - 为什么仅在 IE9 中我的表格单元格中有一条细垂直线?

javascript - 如何设置大小调整器的样式

javascript - 删除 div 代码的现有代码侧

javascript - 为什么我的手机导航栏会出现这种情况?

html - 具有相同 svg 的 img 和 span 在 IE9 中以不同的尺寸呈现

jquery - 在 jquery 移动中添加数据后,css 和 min js 没有得到应用