モバイルブラウザの奇妙な線の高さ

次の問題があります。モバイルブラウザでは、フォント（@ font-faceがロードされています）の行の高さに奇妙なオフセットがあるようです。それは少し上に向かって移動するように見えます。モバイルブラウザの奇妙な線の高さ

私はそれがフォントだと分かりました。たとえばOpen Sansをロードすると問題はありません。
http://s12.postimg.org/gnre9viod/Rubrik.png

オープンサンセリフ：
http://s27.postimg.org/s4jgc6zyb/Open_Sans.png

'のT/M 6 maart 2016' と言って小さな灰色のテキスト
を見フォント面ロードフォント（RUBRIK）@

それは一番上に移動しています。

私が試してみました：

fontsquirrel
元のフォントを再ダウンロードし、別の発電機

でwebfontsを生成して修正/自動垂直方向のメトリックを、私は以下のCSSがあります

body { 
    height: 100%; 
    width: 100%; 
    font-family: $typenormal; 
    font-weight: normal; 
    font-size: 18px; 

    @media(max-width: 991px) { 
     font-size: 14px; 
    } 

    line-height: 1.5; 
    color: #111; 
    -webkit-font-smoothing: antialiased; 
    text-rendering: optimizeLegibility; 
}

を

ロード中：