Html Firefox和Chrome中计算高度的差异

我有一个div，其中包含使用自定义字体的文本，比如说来自google字体的文本。字体大小以像素为单位定义，行高以像素为单位定义。在Firefox中，块的高度被计算为476，而在Chrome中则是472

*{
填充：0；
保证金：0；
}
div{
字体系列：“机器人”；
字体大小：35px；
宽度：500px；
线高：1.7；
边框：1px实心；
}

文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，文本行，
文本行，文本行

在Chrome&Firefox中运行下面的代码片段-您将获得一行文本的高度（减去边框的2px贡献），如下所示：

Chrome:

59

Firefox:

59.5

var height=document.queryselectoral（'body>div'）[0].clientHeight；
控制台。原木（高度）
*{
填充：0；
保证金：0；
}
div{
字体系列：“机器人”；
字体大小：35px；
宽度：500px；
线高：1.7；
边框：1px实心；
}

一行行文字