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

Question

我遇到字体问题，因为它们在Windows和OS X上都不会呈现相同的字体。在Windows上，字符在行中垂直对齐，但在OS X上，字符的位置更接近于这条线。 我在屏幕截图中突出显示了文字，因此您可以看到差异。

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

链接到JSFiddle：http://jsfiddle.net/wewo/myh4amud/

＆＃13;

＆＃13;

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

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

＆＃13;

<div>3</div>

＆＃13;

＆＃13;

＆＃13;

<小时/>

谢谢！

Answer 1

问题在于转换或生成webfont字体。

我使用工具Font Squirrel进行转换正确，使用此选项EXPERT...：

如果不使用Google字体，请下载并发送转换。

Answer 2

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