Css 下划线文本装饰穿过Firefox中使用的导入字体

我正在一个项目中使用该字体，并尝试对其应用样式

文本装饰：下划线

这在Chrome（版本35.0.1916.114）中运行良好，但在Firefox（版本29.0.1）中，下划线穿过文本，而不是出现在文本下方。我相信这与加的夫字体有关，因为当我尝试“网络安全”字体时，下划线显示正确

这是显示加的夫字体的方式


如果我随后将字体更改为Helvetica，则显示方式如下


我已经尝试了一些方法：


将字体包装在
span
标记中，然后将其设置为块样式并赋予其高度
我还尝试了另一个网站提供的解决方案

更新。。。
使用由提供的修复程序，我已经制定了一个解决方案，这不是我真正想要解决的问题，但它是有效的

我为Firefox使用了边框，为其他浏览器使用了常规的
文本装饰

h2 {
    text-decoration: underline;
}

Firefox特定的CSS样式，如本文所述

我希望有人能找到一个比这更好的解决方案，因为这更像是一件麻烦事。
字体似乎有问题，您可以尝试在中运行它，看看是否可以修复它。
您可以使用底部边框作为下划线，并通过填充将下面的空间设置为所需的空间。
只需不使用
垂直对齐：中间

yourtxt-wrap{text-decoration:overline}
yourtxt-wrap{text-decoration:line-through}
yourtxt-wrap{text-decoration:underline}

类似的问题如下：
但看起来你的问题在于字体本身。
我不建议在文本下做类似黑客的边框。搜索其他字体


正文{
字体系列：加的夫；
字体大小：24px；
}

JS-Bin
我尝试了所有3种方式，下划线和横线显示的结果都是一样的，因为上划线确实出现在文本上方。我最初使用它将TTF文件转换为其他格式。不过，我可能会尝试重新下载所有原始文件。我认为它还允许您自定义webfont的格式，我不确定这是否会为您提供一些选项来解决此问题？我不认为这是字体，因为Chrome和Safari都正确显示了它。尽管有些浏览器使用不同的字体文件，因此，有些格式可能不同。如果这是因为你的CSS，理论上它会对所有Firefox产生类似的效果，就像Chrome默认使用TTF一样，尽管我不确定。如果这是真的，Chrome应该也有同样的问题。我考虑过这个问题，但是在这种情况下它不会起作用，因为90%的时间文本会下降到2行或更多；到样式，它解决了问题！这已经解决了Firefox上的问题，但Chrome和Safari上的边界比Firefox低。我可以使用条件格式来更正此问题，但我希望得到更多的全局解决方案。如果您打算使用加的夫字体，恐怕您找不到更好的解决方案。您以前尝试过使用此字体吗？我现在很可能会使用这个解决方案。你试过使用线的高度吗？这可能会迫使你排队lower@Pete我试过了，但是没用，谢谢你的关注。上的链接使用文本阴影和线性渐变背景图像解决了这个问题。
yourtxt-wrap{text-decoration:overline}
yourtxt-wrap{text-decoration:line-through}
yourtxt-wrap{text-decoration:underline}