Html 字体在底部被裁剪

我在CSS文件中导入了一个字体，并在导航菜单中使用了它

问题是字母在底部被裁剪，这有点破坏了字体

你自己看看：

它应该是这样的（当然有更改的文本）

放大（使用CTRL+Scroll）时，字体看起来正常，但在未处于僵化状态时，字体看起来不正常

有办法解决这个问题吗

在Windows7上运行的Chrome35和Firefox30上遇到了这个问题，我设法解决了这个问题

通过在文本中添加一个笔划，可以使字母变大一点，并且每个字母的底部（几乎）都能正确显示。没有更多的差距

我使用了以下代码来修复它：

-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #fe9f00;

也可以使用

text shadow

修复它。对于不支持

-webkit text stroke