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

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

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

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

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;
}

<div>3</div>

谢谢！

解决方法

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

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

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