Firefox 访问链接更改字体粗细的问题答案

【问题标题】：Firefox issues with visited links changing font-weightFirefox 访问链接更改字体粗细的问题
【发布时间】：2014-08-31 06:16:57
【问题描述】：

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

问题当我访问导航菜单中的链接时，我正在使用 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

【问题讨论】：

图片链接无效。
抱歉，我在添加 http:// 时不喜欢它。现在修好了。另外只是为了补充一点，我尝试了不同的本地安装字体，但它仍然在做同样的事情，所以我将谷歌字体作为罪魁祸首。
显示重现问题的 HTML 和 CSS。解释为什么您认为这是字体粗细问题。这可能是轻微的颜色变化，导致不同的子像素（取决于渲染）。

标签： html css firefox fonts font-face

【解决方案1】：

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

您是否也为 a:visited 制定了任何不同的 css 规则？由于安全问题https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

，一些样式被禁用

【讨论】：

纳达；除了分配给它们的各个类之外，两个链接代码之间的一切都是相同的。就像我说的，它在所有其他浏览器中都能完美运行（很惊讶 IE 在这个浏览器上击败了 FF）。
@JohnSmith BTW 尝试将两个链接更改为同一个单词。可能是错觉：P
不，肯定有区别。我更改了联系人链接上的字母以匹配公司的字母。然后我又截取了另一个屏幕截图，并在 Photoshop 中比较了两组文本。 “Y”中的同一点颜色不同 - 一个是 e5f2a5，另一个是 d0d195。这是我很长时间以来遇到的最奇怪的错误。
此外，我一直在阅读有关为它禁用样式的信息，但这就像它在没有被要求的情况下加粗本身（即使您强制 font-weight:normal !important; on aa:visited) 或者它散发出的外观好像它在它自己的顶部堆叠了另一个自己的副本。我将从头开始重新开始样式表，看看它是否可能是其他地方发生的其他原因导致它。
@JohnSmith 你能提供一个指向这个错误的有效链接吗？