【发布时间】:2011-03-08 23:36:23
【问题描述】:
我在使用来自 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
【问题讨论】:
标签: css cross-platform font-face