不同的字体在OS X上垂直对齐

Question

我有一个字体问题，因为它们在Windows和OS X上的显示效果不一样。在Windows上，字符垂直对齐，但在OS X上，字符位置更靠近线路的顶部。 我突出显示了截图中的文字，以便您可以看到区别。

我正在使用Gotham字体。有任何想法吗？我必须使用特定于浏览器的黑客吗？还是它是字体问题？

链接的jsfiddle：http://jsfiddle.net/wewo/myh4amud/

body { 
 
\t font-family: 'Gotham', Arial, sans-serif; 
 
\t background-color: #282828; 
 
\t font-size: 14px; 
 
\t font-weight: normal; 
 
} 
 

 
div { 
 
    color: white; 
 
    font-size: 5em; 
 
    padding-top: 15px; 
 
    padding-bottom: 6px; 
 
    line-height: 1em; 
 
}

<div>3</div>

---

谢谢！

Answer 1

问题是在过程中转换或生成webfont字体。

我使用的工具Font Squirrel的转换是正确的，有选择EXPERT...：

如果不与谷歌字体的工作，下载他，派人转换。

Answer 2

问题与Win Ascent和HHead Ascent字段中的字体。 Windows使用Win, mac - HHead。使用FontForge进行编辑。