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

时间:2015-03-25 15:05:51

标签: html css windows macos fonts

我有问题,我几个小时都解决不了。我有一个网页http://skyeng.ru。这里我们有一个用Calibri字体输入的菜单。它在Mac和Windows上呈现出非常不同的结果:http://monosnap.com/image/BKucFYKjAIP0CotqHgqwIU0ny8lrtO - 您可以在Mac上看到该框的高度为20px,但同时在Windows上 - http://monosnap.com/image/FKy8SVuxJHPtzj5Fwe8PTEvGXTfgMK

  • 行高相同
  • 浏览器是相同的(Chrome)
  • 抗锯齿模式不会改变smth
  • 字体大小相同

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

非常感谢!

1 个答案:

答案 0 :(得分:2)

在一般情况下,你不能。跨Windows和OS / X的像素完美渲染很少(除非您只使用图像)。 Mac上的字体渲染非常复杂(与任何其他操作系统相比;具有NeXT作为祖先的遗物)。

即使Safari在Windows和Mac上也无法呈现相同的内容。有时,PDF文件在Mac上看起来不同(通常更好)。

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