在 Mac 和 Windows 上使用 Calibri 字体键入的字框高度不同答案

【问题标题】：Height of word boxes typed with Calibri font on Mac and Windows are different在 Mac 和 Windows 上使用 Calibri 字体键入的字框高度不同
【发布时间】：2015-05-29 08:11:58
【问题描述】：

我有一个问题，我无法解决几个小时。我有一个网页http://skyeng.ru。在这里，我们有一个使用 Calibri 字体键入的菜单。它在 Mac 和 Windows 上的渲染非常不同：http://monosnap.com/image/BKucFYKjAIP0CotqHgqwIU0ny8lrtO — 你可以在 Mac 上看到框的高度是 20px，但同时在 Windows 上 — http://monosnap.com/image/FKy8SVuxJHPtzj5Fwe8PTEvGXTfgMK。

行高一致
浏览器相同（Chrome）
抗锯齿模式不会改变
字体大小相同

看起来渲染过程不同，但我不知道如何解决。

非常感谢！

【问题讨论】：

标签： html css windows macos fonts

【解决方案1】：

在一般情况下，您不能。几乎不可能跨 Windows 和 OS/X 进行像素完美渲染（除非您只使用图像）。 Mac 上的字体渲染非常复杂（与任何其他操作系统相比；NeXT 作为祖先的遗物）。

即使 Safari 在 Windows 和 Mac 上呈现的效果也不一样。有时，PDF 文件在 Mac 上看起来不同（通常更好）。

一种解决方法是使用固定高度调整容器的大小，但是在缩放和残障人士时会遇到所有常见问题。让我们不要开始使用禁用网络字体的人。

【讨论】：