Css 在windows chrome和windows firefox上由顶部剪切的文本

我已经检查了跨浏览器，除了在windows机器上，其他一切都运行良好。奇怪的是，IE看起来不错，但windows机器上的chrome和firefox在菜单项上有一种奇怪的效果。正如您在本文中所看到的，文本是从上面剪切的

字体大小为12px，如果我将字体大小更改为13px或11px，问题就解决了，但我不想更改字体大小。我还能用别的把戏吗？以前有人有过这个问题吗

---

css和html代码会很有用，请尝试

行高：3%

或

填充顶部：5px

自定义属性值（如果有效的话）
 目前我找到的唯一解决方案是将字体大小更改一个像素。所以现在字体是
font size:13px它可以工作。。。但我想找到另一个解决办法，因为也许有一天我赢了；由于设计紧凑，我们无法选择更改字体大小。请告诉我是否有人对此有不同的解决方案。
我删除了您使用的字体系列，并将字体大小更改为12px，效果很好，更改
字体系列：telegrafico，serif
在style.css nav attrib中添加到其他字体系列，并检查我发现这可能是错误的，web上的字体在12px下无法正常工作。解决方案不应该是更改字体，因为所有导航中都使用这种字体。我从一个像素更改了像素大小，效果很好，这不是我想要的，但如果我必须在更改字体系列或字体大小之间进行选择，我将更改字体大小1像素。请不要重复问题。这不是一个重复的问题，这个问题与菜单栏有关，另一个问题与quote元素有完全不同的效果。