firefox - IE 和 Firefox 网页字体渲染问题

标签 firefox fonts internet-explorer-8 webfonts google-webfonts

有没有其他人注意到 Firefox 和 IE(至少 IE8)在渲染某些大小的某些字体时会出现问题,因为它会填充 a 中的“洞”。例如字符。

Chrome 和 Opera 显示它们很好。

下面是一个例子:

Chrome @ 14px - Roboto Bold

enter image description here

Firefox @ 14px - Roboto Bold

enter image description here

注意 a角色的“洞”被填满了!?

看来这主要是 14px/15px 的问题。使用 13px 时问题消失时的字体大小或 16px ;至少在 Firefox 中。

它也不限于 Roboto Bold字体;我在其他网络字体中也看到过这个问题。

有谁知道是否有解决方案,或者这只是 Firefox/IE 中的一个错误?

最佳答案

这是一个更大问题的一部分,每个浏览器都有自己的一套算法来进行字体渲染。

这是 Smashing Magazine 的一篇文章:http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/关于这个话题。

关于firefox - IE 和 Firefox 网页字体渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14295874/

相关文章:

javascript - 如何让 Chrome 和/或 Firefox 在 Karma 测试中播放 <audio> 元素?

css - CSS 网格中的 Chrome/Firefox 百分比高度差异

javascript - 为什么下面使用PLupload在IE8中不起作用?

c# - 将 WM_GETFONT 与标准平面样式一起使用时出现问题

iOS:在不改变字体宽度的情况下改变 NSMutableAttributedString 的字体高度?

html - Internet Explorer 8 中隐藏的顶部 TD 边框

javascript - Flot 升级到 8.1 图形未在 IE 7/8 中呈现

javascript - JavaScript 的 localstorage 字符串存储在哪里?

css - 垂直居中在 Firefox 中不起作用

javascript - 根据字符串长度使用纯 JavaScript 调整字体大小