与谷歌字体线高度呈现

我有一个关于谷歌字体的行高问题,特别是josefin sans。 在MAC OS中,行高度大于Windows操作系统,有没有解决这个问题,我需要它们是相同的,因为我应用底部边框。 以下是一个例子:

http://jsfiddle.net/qX3na/

h1 span.main { border-bottom: 1px solid #000; display: inline-block; font-family: 'Josefin Sans',sans-serif; font-size: 4em; line-height: 74px; margin: 0 auto; padding-bottom: 0; text-transform: uppercase; } <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'> <h1 class="clearfix"> <span class="bottom"> <span class="inner"> <span class="left">&nbsp;</span> <span class="main">Company name</span> <span class="right">&nbsp;</span> </span> </span> </h1> 

我有同样的问题,我觉得这是一个谷歌字体API的问题,不正确管理每个浏览器/操作系统的不同的字体扩展。

我解决了它不使用谷歌字体,但托管字体和嵌入fontquirrel webfont发电机 。