我目前正在开展一个小项目，并且设法发现自己对一些奇怪的错误感到困惑，这些错误似乎只出现在桌面webkit浏览器上。
我的标题中有一个菜单应该是这样的：（我不能在我的帖子中嵌入图片或多个链接，遗憾的是）
http://i.stack.imgur.com/lspNK.png
这是我在任何非webkit浏览器中获得的确切结果。但是，如果我在谷歌浏览器或Opera中打开它，我会得到这个：
http://i.stack.imgur.com/Dz3Pp.png
我已经尝试了几乎任何可能的事情来弄清楚为什么会这样，但每次都是空白。我已在我的margin主播上检查了不需要的<a>，我添加的填充在两边都应该是偶数（1.2em）。我甚至尝试重新编写HTML和CSS的每一小块菜单，但无济于事。
然后我碰巧尝试突出整个页面并看到了这个：
http://i.stack.imgur.com/ZOdLG.png
看起来文本旁边的额外空间是实际单词的百分比宽度，所以我想可能是我使用的字体（来自Google字体的'Oswald'）。我尝试将font-family:更改为Arial，但错误消失了。
现在，回到我原来的问题： 为什么在webkit浏览器中添加这些额外空间？ 是否与Webkit的字体渲染有关还是我搞砸了？
您应该能够看到我在这里建立的网站的实时测试版本：
如果虫子没有立即发生，请尝试刷新几次。 - 如果有任何进一步的细节可以提供帮助，请告诉我，我会尝试提供！
注意：使用Chrome开发者工具更改任何CSS属性似乎删除了这个奇怪的空间 - 我不知道为什么，但刷新后bug仍然存在！