我有一个问题，我几个小时都解决不了。我有一个网页 http://skyeng.ru .这里我们有一个用 Calibri 字体键入的菜单。它在 Mac 和 Windows 上的呈现方式非常不同:http://monosnap.com/image/BKucFYKjAIP0CotqHgqwIU0ny8lrtO — 你可以看到在 Mac 上盒子的高度是 20px，但同时在 Windows 上 — http://monosnap.com/image/FKy8SVuxJHPtzj5Fwe8PTEvGXTfgMK .
- 行高相同
- 浏览器相同(Chrome)
- 抗锯齿模式不会改变 smth
- 字体大小相同
好像是渲染过程不一样，但是我不知道怎么解决。
非常感谢!
最佳答案
在一般情况下，您不能。跨 Windows 和 OS/X 的像素完美渲染几乎是不可能的(除非你只使用图像)。 Mac 上的字体渲染非常复杂(与任何其他操作系统相比；以 NeXT 作为祖先的遗物)。
即使是 Safari 在 Windows 和 Mac 上呈现的效果也不尽相同。有时，PDF 文件在 Mac 上看起来不同(通常更好)。
解决方法是将容器的大小设置为固定高度，但随后，您会遇到缩放和残障人士时遇到的所有常见问题。让我们不要开始与禁用网络字体的人打交道。
关于html - Calibri 字体在 Mac 和 Windows 上输入的字框高度不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29259355/