导航使字体变粗

Question

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

我发现了一条帖子，建议我使用这段代码：

-webkit-transform: translateZ(0);

但它更好地扭转事物，所以它从一开始就不是粗体，但是当我悬停一个菜单项时，字体会变粗。

有什么建议吗？ Fiddle

Answer 1

替换此css ..

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