Question

我已经设置了一个页面来演示这个问题（请参阅）： http://www.vdovgan.ru/font-issue/

我正在使用自定义字体作为块级元素。

问题是这个字体在我的Linux机器上的Google Chrome中位于顶部。在Windows机器和相同的浏览器上，它恰好位于边界框的垂直中心（正如预期的那样）。

问题是：为什么它在我的Linux机器上被取代了？

我在我的Linux机器上使用谷歌浏览器版本24.0.1312.57 ，在我的Windows机器上使用谷歌浏览器版本24.0.1312.57米。

Answer 1

Windows和Linux中Chrome的渲染引擎不同。我会在javascript中设置一个测试来告诉它是什么浏览器并添加一些填充。

Linux的UserAgent结果 “Mozilla / 5.0（X11; CrOS x86_64 2913.331.0）AppleWebKit / 537.11（KHTML，与Gecko一样）Chrome / 23.0.1271.111 Safari / 537.11”

这是一个javascript示例：

if ((navigator.userAgent.indexOf('Chrome') && navigator.userAgent.indexOf('Gecko')) != -1)
{
  // add some padding via javascript because it is using the Gecko engine
}

自定义字体位移问题

1 个答案: