如何获得字体的可见高度？

Question

我正在根据文本大小构建价格计算器。使用HTML的问题是字体显示的页边距不正确。它们周围有一些奇怪的空间，或者某些字体恰好覆盖了该空间。

在图像中可以看到，蓝色矩形是HTML用于文本的区域，而JavaScript读取该大小，但是我需要字符高度的实际大小，而周围没有空格（红色矩形）。 / p>