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

标签 html css firefox fonts font-face

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

问题 当我访问我正在使用 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

最佳答案

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

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

关于html - Firefox 访问链接更改字体粗细的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24666943/

相关文章:

html - CSS垂直对齐和 float 问题

HTML 表格在打印时保持列宽

html - 带有内联 block 的 CSS Div 元素不起作用

html - 奇怪的黑边 :after css arrow in Firefox

html - 同一行的回声结果?

html - 如何让导航横跨整个页面

javascript - 双线图,由用户生成

angularjs - angularjs 支持哪些版本的 Firefox?

Linux FireFox 控制台 Debug模式。

javascript - CSS TextArea - 为每条可见线赋予不同的不透明度