使用Google字體渲染線高

Question

我有關於Google字體（特別是josefin sans）的行高問題。 在MAC Os中，行高大於Windows OS中的行高，對此是否有任何解決方法，我需要使它們相同，因為Im會應用底部邊框。 這是一個例子：

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>

Answer 1

我遇到了同樣的問題，但我發現這是一個Google字體API問題，它不能正確管理每個瀏覽器/操作系統的不同字體擴展名。

我沒有使用Google字體來解決它，而是托管了字體並使用fontquirrel webfont generator嵌入了它。