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

Height of word boxes typed with Calibri font on Mac and Windows are different

我有个问题,几个小时都解决不了。我有一个网页 http://skyeng.ru. Here we have a menu typed with Calibri font. And it renders very different on Mac and Windows: http://monosnap.com/image/BKucFYKjAIP0CotqHgqwIU0ny8lrtO — you can see on Mac height of the box is 20px, but at the same time on Windows — http://monosnap.com/image/FKy8SVuxJHPtzj5Fwe8PTEvGXTfgMK

好像是渲染过程不一样,不知道怎么解决

非常感谢!

在一般情况下,您不能。 Windows 和 OS/X 之间的像素完美渲染几乎是不可能的(除非你只使用图像)。 Mac 上的字体渲染非常复杂(与任何其他 OS 相比;以 NeXT 作为祖先的遗物)。

甚至 Safari 也不会在 Windows 和 Mac 上呈现相同的内容。有时,PDF 文件在 Mac.

上看起来不同(通常更好)

一种解决方法是将容器的大小设置为固定高度,但这样一来,您就会遇到缩放和残障人士时遇到的所有常见问题。让我们不要开始使用禁用网络字体的人。