火狐和chrome浏览器上字体大小设置一样，实际显示效果却不一样？

Question

先上图：

这是在chrome浏览器上字体22px的高度，可以看到，字体盒子的高度也为22px
对比火狐浏览器：

同样的22px大小的字体，显示出来的盒子高度却为30px，我去，这在某些微型区域的布局生绝对是致命的，
我想问一下大神们怎么解决这个问题，即让它们二者的字体盒子高度相同

Answer 1

字体的宽厚是不一样的，需要使用同一字体，并且设置正确行高

Answer 2

楼上正解，设置成一样的字体，切记被引入的js库或者包的字体给覆盖了，建议提高优先级，以及加important!