Javascript Firefox和Chrome中不同的字体高度

我想使用jQuery测量html元素的字体高度

//HTML
字体大小（以像素为单位）？
//CSS
#丰蒂{
字号：8px；
字体系列：Arial；
}
//Javascript
变量高度=$（“#fonty”）.height（）；
控制台。原木（高度）；

---

这个方法很好用，但是我在Chrome和Firefox中得到了不同的结果。是否有一种方法可以在所有浏览器中获得正确/相同的字体大小。

字体的高度不仅通过字体大小来衡量，还通过字体大小、行高和填充值来衡量：

因此，不同的浏览器具有不同的默认值，如for，因此它们可能会有所不同

---

您可以通过显式定义它们来计算它们。

正确的可能重复项<代码>行高：1将“修复”此问题。此外，这也是您希望使用常规CSS重置集的原因之一。但现在方法height（）只返回字体大小。我需要字母的像素高度。是的。你需要添加它。

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