FirefoxとChromeのフォントの高さが異なる

Question

jQueryを使用してhtml要素のフォントの高さを測定したいと考えています。

Here is a fiddle

//HTML 
<h1 id="fonty">Size of font in pixels?</h1> 

//CSS 
#fonty { 
    font-size: 8px; 
    font-family: Arial; 
} 

//Javascript 
var height = $("#fonty").height(); 
console.log(height); 

方法が正常に動作しますが、私はChromeとFirefoxで異なる結果が得られます。すべてのブラウザで正しい/同一のフォントサイズを取得する方法はありますか？

Answer 1

フォントの高さは、フォントサイズを測定したが、そのフォントサイズと行の高さとパディングの値でアップ評価されていない場合のみ：

ので、異なるブラウザはそうline-height 1px different in firefox and chromeのためのようなさまざまなデフォルト値を持っています彼らは異なるかもしれません。

明示的に定義して計算することができます。