如何在javascript中计算下降高度？

My css已根据可用字体定义了要层叠的字体系列：

.myfont { 
    text-transform: uppercase;
    font-family: Calibri, Arial, sans-serif;
    padding: 2em;
    background-color: red;
}

而且，根据渲染的字体，我想调整填充，使所有大写字母文本在

漂亮的

红色背景中适当居中。有没有一种计算字体大小的好方法，以便我可以相应地调整底部填充

同时计算和的解决方案的加分

---

提前谢谢

AFAIK这在JavaScript中是不可能的。您可以找到使用的字体，但不能找到字体参数

---

因此，您需要搜索这些参数（例如在字体库中）并按字体存储它们，以便在知道使用的字体后可以查找它们。

这是可能的：使用此库：，或者在容器div中插入两个跨距，字体大小为0px，字体大小为100或2000，调用

getBoundingClientRect（），获取高度差，然后除以较大的高度。0像素字体位于基线上。这给出了基线比率，上升和下降的百分比
 一家名为EightShapes的web开发机构已经整合了一个CSS，它可以让你生成CSS来裁剪文本上方和下方的空间，从而使布局能够很好地围绕升序和降序。有一种解释。
可能更好地使用
行高
（使用相对单位）而不是
填充来解释这一点。在这种特殊情况下，这是有效的。考虑到应该有办法做到这一点，这有点令人不满意……当
字体大小为
0
时，
span
的高度不是
0
？