字符渲染不同（IE/Chrome）

Question

我试图弄清楚为什么箭头符号在 Chrome 和 Internet Explorer 上呈现不同但没有任何成功。令人惊讶的是，IE 正确显示它，而 Chrome 出现渲染问题。忽略大小的差异，这是由于缩放造成的。

铬

IE

关于 CSS，只有 Eric Meyer's CSS reset 和字体大小、系列、颜色和平滑的 CSS 规则，所以没有其他任何东西可以搞砸。

Answer 1

当使用的字体不包含您要显示的字符时，浏览器会使用备用字体。现在在这种情况下，事实证明 IE 和 Chrome 使用不同的字体来回退。

解决方案：使用您确定它确实包含字符的字体，因此不会有任何回退。使用 CharMap 等字符选择器进行检查。

但是，如果您想绝对肯定地确保所有浏览器在任何地方都会显示相同的内容，您还应该考虑为那些没有安装您的字体的机器使用网络字体。或者，使用图片。