css - @font-face 字体在 Windows 中获得填充

Question

我在使用来自 webfonts.fonts.com 的“Helvetica Neue W01 97 Black Cn”@font-face 字体时遇到了一个奇怪的问题

在基于 Windows 的浏览器(已测试的 FF 和 IE)中使用时，在提交按钮的这种情况下，文本似乎获得了额外的 4px 左右的填充(参见 ff-pc-style.png)。在我当前的设计中，它完美地居中于提交框中。

在 OS X 中，在 Firefox、Safari、Chrome 和 Opera 中，填充丢失了，但行高和高度增加了 0.4px(参见 ff-pc-style.png)。

如果我删除自定义字体，后备字体 (Arial) 会在 OS X 中正确居中显示。

为什么会出现这种情况？我该如何绕过它？

平台检测似乎只是为了修复字体而矫枉过正......

---

ff-pc-style.png

ff-pc-style.png

Answer 1

来自 fonts.com 支持的电子邮件回复:

A fault has been found in the font data hinting. It is being looked at now. Once the data has been updated, I expect that you will only have to log into your account and just save and update your stylesheet to update your page.