Html 导航使字体加粗

所以我已经开始设计一种供以后使用的字体，我不知道为什么，但它使我的导航中的字体变粗了我在hover上做了一个下降，当它下降时，bold会得到它的正常重量

我发现一篇帖子建议我使用以下代码：

-webkit-transform: translateZ(0);

但它更容易反转，所以从一开始就不是粗体，但当我悬停在菜单项上时，字体变为粗体

有什么建议吗？

替换此css

    nav > ul > li 
    {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 16px 25px;
    cursor: pointer;
    font-weight:bold;
    }

---

无法复制。我认为你有一个由背景颜色变化引起的视错觉。由于li的内容是一个文本节点，它实际上应该是一个链接、跨度或一些文本元素，所以很难看出该节点会受到什么影响。在哪个浏览器和版本中会发生这种情况？你的浏览器窗口放大了吗？经过一点测试，在Safari中，当下拉菜单处于活动状态时，字体变得正常，而在Chrome和Firefox中，字体一直是粗体。-这是在我的MacBookPro上。在windows上这不是一个问题，它也适用于IE、Chrome、Firefox和Safari。请尝试设置一种指定的字体，可能是Google字体中的一种。我认为字体根据useragent样式不同，因为您没有声明任何字体。请提供这种情况下的截图。我不希望文本是粗体的？