【问题标题】:@font-face font gains padding in Windows@font-face 字体在 Windows 中获得填充
【发布时间】: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


    【解决方案1】:

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

    在字体中发现了错误 数据提示。正在查看 现在。数据更新后,我 希望您只需要登录 进入您的帐户,然后保存并 更新您的样式表以更新您的 页面。

    【讨论】:

    • 顺便说一句,fonts.com 在 24 小时内回复了两次有关此错误的反馈和进展:)
    猜你喜欢
    • 2013-01-01
    • 2013-02-26
    • 1970-01-01
    • 2012-11-27
    • 2012-03-05
    • 1970-01-01
    • 2011-05-02
    • 2018-06-11
    • 2020-11-10
    相关资源
    最近更新 更多