在 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。
- 行高相同
- 浏览器相同(Chrome)
- 抗锯齿模式没有改变 smth
- 字体大小相同
好像是渲染过程不一样,不知道怎么解决
非常感谢!
在一般情况下,您不能。 Windows 和 OS/X 之间的像素完美渲染几乎是不可能的(除非你只使用图像)。 Mac 上的字体渲染非常复杂(与任何其他 OS 相比;以 NeXT 作为祖先的遗物)。
甚至 Safari 也不会在 Windows 和 Mac 上呈现相同的内容。有时,PDF 文件在 Mac.
上看起来不同(通常更好)
一种解决方法是将容器的大小设置为固定高度,但这样一来,您就会遇到缩放和残障人士时遇到的所有常见问题。让我们不要开始使用禁用网络字体的人。
我有个问题,几个小时都解决不了。我有一个网页 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。
- 行高相同
- 浏览器相同(Chrome)
- 抗锯齿模式没有改变 smth
- 字体大小相同
好像是渲染过程不一样,不知道怎么解决
非常感谢!
在一般情况下,您不能。 Windows 和 OS/X 之间的像素完美渲染几乎是不可能的(除非你只使用图像)。 Mac 上的字体渲染非常复杂(与任何其他 OS 相比;以 NeXT 作为祖先的遗物)。
甚至 Safari 也不会在 Windows 和 Mac 上呈现相同的内容。有时,PDF 文件在 Mac.
上看起来不同(通常更好)一种解决方法是将容器的大小设置为固定高度,但这样一来,您就会遇到缩放和残障人士时遇到的所有常见问题。让我们不要开始使用禁用网络字体的人。