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

Question

我遇到了字体问题,因为它们在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>

---

谢谢!

Answer 1

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

我使用工具Font Squirrel通过以下选项进行正确的转换EXPERT...：

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