Firefox ve Chrome'da farklı yazı tipi yüksekliği

Question

jQuery kullanarak bir html öğesinin yazı tipi yüksekliğini ölçmek istiyorum.

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); 

yöntem çalışıyor ama Chrome ve Firefox'ta farklı sonuçlar elde ederler. Tüm tarayıcılarda doğru/aynı yazı tipi boyutlarını elde etmenin bir yolu var.

Answer 1

bir yazı yüksekliği sadece font-size ancak ile ölçülmez onun font-size ve line-height ve dolgu değerlerle kadar değerli:

Yani, farklı tarayıcılar böylece line-height 1px different in firefox and chrome için gibi farklı varsayılan değerleri vardır farklı olabilirler.

Tüm bunları açık bir şekilde tanımlayarak hesaplayabilirsiniz.