字体在底部裁剪

Question

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

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

亲眼看看：dev.windbournecitizen.com/frontpage

它应该看起来像这样（当然改变了文字）

当您放大（使用CTRL + Scroll）时，字体看起来很正常，但是当您没有被放入时，字体看起来不正常。

有什么方法可以解决这个问题吗？

在Windows 7上运行的Chrome 35和Firefox 30上遇到问题

Answer 1

我设法解决了这个问题。

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

我用这段代码来解决它：

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

也可以使用text-shadow修复（有点）。它可以用作不支持-webkit-text-stroke

的浏览器的替代方案