css - 调整/补偿 CSS 中奇怪的字体行高

Question

我从客户端收到了一个字体 (Calibre) 作为 OTF 文件，用于网络应用程序，但文件的“行高”(或者你怎么调用它？)有些奇怪。实际文本溢出顶部的 dom 元素并在下面留下一堆空间，导致各种丑陋。有什么方法可以在 CSS 中对此进行补偿吗？

Answer 1

这取决于字体。但是，对于大多数字体，设置

div {
    height: /* your height */
    line-height: /* the same height */
}

会让它发挥作用。但是，有些字体(例如 Aldrich)的位置略高于其应有的位置，因此您必须将行高增加 0.4% 左右。