Google フォント、特に josefin sans に関する行の高さの問題があります。MAC Os では、行の高さが Windows OS よりも大きくなっています。これに対する修正はありますか。下の境界線を適用しているため、それらを同じにする必要があります。例のjfiddleは次のとおりです。
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"> </span>
<span class="main">Company name</span>
<span class="right"> </span>
</span>
</span>
</h1>