html - Firefox 访问链接更改字体粗细的问题

Question

晚上好伙计们，我在这里可能会发疯，但我只是注意到一些让我发疯的东西，现在我已经看到了。

问题当我访问我正在使用 firefox 构建的导航菜单中的链接时，该链接会增加字体粗细(不多，就像一个额外的像素)。它似乎没有在 Chrome、IE 8、IE 10 或 Safari 中执行此操作，至少没有达到我可以看到的视觉程度。

pixel font issue http://www.pixelatedkarma.com/sandbox/personal/issue.PNG

如果您查看上图，您会发现右侧的菜单项略微加粗。它不应该是因为所有 CSS 都具有正常字体粗细的字体 (Questrial)。我不知道这是 Google 字体问题还是 Firefox 在访问菜单项后重新加载菜单项的方式有问题。有人遇到过这个吗？或者知道我应该从哪里开始进行故障排除。这是一个非常陌生的小问题。谢谢

这是来自两个不同链接的文本的放大比较(顶部是已访问的链接，底部是未访问的链接)。

pixel font issue x2 http://www.pixelatedkarma.com/sandbox/personal/issue_match.PNG

Answer 1

使用内置的 Firefox 开发人员工具栏检查两个链接元素，看看是否有不同的 CSS 规则适用于它。

您是否也为 a:visited 设置了任何不同的 css 规则？由于安全问题，某些样式被禁用 https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector