错误的 bbox 或使用 @font-face 和 opentype 字体下降

Posted 2023-03-15

【中文标题】错误的 bbox 或使用 @font-face 和 opentype 字体下降

【英文标题】：Wrong bbox or descent with @font-face and opentype font

【发布时间】：2011-06-03 00:06:57

【问题描述】：

我用@font-face 嵌入了一个opentype 字体。工作正常，但 bbox 或下降（或基线/下降线？）在某些浏览器/操作系统上是错误的。问题是例如在 Mac 上，bbox 不正确，这意味着要在它的 bbox 中居中文本，我必须为段落设置一个填充。我猜这个字体是在 Windows 上创建的，没有在 Linux 和 OS X 上测试过，而且这些操作系统中的字体渲染引擎工作方式不同。

知道如何解决问题吗？

字体在 Windows、Linux 和 Mac 中的屏幕截图。从上到下：Ubuntu Firefox 3、Chromium、Windows XP Firefox 3/Chrome、Mac OS X Safari 5/Firefox 4 Beta 8。

【参考方案1】：

同样的事情发生在我身上，并且在使用http://www.fontsquirrel.com/fontface/generator 将字体转换为 woff、eot 等时引入了问题。

“Fix Vertical Metrics”选项实际上破坏了字体高度。取消选中此选项即可解决问题。

【讨论】：

谢谢你的回答，我去看看它是否能解决问题。