Chrome中的锚定填充问题?

时间:2015-04-21 17:45:30

标签: google-chrome web anchor padding

在过去的几天里,我注意到我的导航栏上的间距是关闭的(当它以这种方式显示时):

http://i.imgur.com/R5jiKtU.jpg

该网站已存在数月,从未出现过此问题。我认为它最近才开始在Chrome中发生。您会注意到,如果您访问网站:http://gw2shinies.com - 它几乎总能正确显示。这使我很难调试。有没有人遇到过这个错误?

1 个答案:

答案 0 :(得分:0)

此问题与某些类型的自定义字体有关。在你的网站上,你正在使用Bebas Neue,而在我的网站上,我正在使用Qlassik。 Chrome有时会使用额外的填充来渲染这两种字体(最近我发生了很多事情)。问题不仅仅发生在锚标签上,而且我网站的某些页面似乎比其他网页更容易受到攻击。

我从herehere下载了Bebas Neue,然后通过online converter运行了这些,但这些都没有奏效。 然后我从here下载了Bebas,转换了它,这确实有效。

我尝试了大量的变化和测试。我尝试转换OTF和TTF文件;我测试了未转换的TTF;我从这些网站下载并转换了其他字体并进行了转换;我在CSS中简化了@ font-face声明;我试过谷歌字体;我尝试删除后备字体。所有这些测试的结果都表明字体本身存在一些问题。

这是一个可怕的答案,但一个保证“解决”问题的方法是更改​​为不同的字体。在你的情况下,你可以尝试Bebas而不是Bebas Neue。在我的情况下,我将不得不完全放弃字体。

自首次提出此问题以来,Chrome已更新且问题仍然存在。我的一部分希望这个问题在未来的更新中消失,但这可能不会发生。看来核心字体文件中有些内容没有遵循一些最佳实践。 Bebas有填充问题in the past。老实说,Chrome总是努力让Qlassik干净利落(我已经做了CSS调整来补偿)。我没有软件或知识来更新字体本身以消除问题。