代码之家  ›  专栏  ›  技术社区  ›  Johan

@字体外观问题,Firefox添加了填充,Chrome没有

  •  9
  • Johan  · 技术社区  · 14 年前

    @font-face ,它确实呈现了我认为在Chrome中应该呈现的效果。不过,在Firefox中,字体中添加了额外的填充(顶部和底部)。

    Here is my example page that outlines the problem .

    我能做些什么吗?

    2 回复  |  直到 14 年前
        1
  •  8
  •   Marcel Korpel    14 年前

    仅供参考,Linux上的Firefox(而不是Chromium)也会发生这种情况。我试着把你的字体装进去 FontForge 立刻得到警告:


    忽略“LTSH”线性阈值表
    忽略“VDMX”垂直设备度量表
    忽略“hdmx”水平设备度量表

    VDMX (Vertical Device Metrics) 表有缺陷:

    为了避免网格拟合 整个字体以确定正确的 高度,VDMX表已

    这看起来和Firefox中的情况一模一样:某个地方的最小和最大高度计算错误。当您选择文本时,这一点也很清楚:选择框延伸到行的顶部和底部;如果 h1 元素确实有填充,您将看到行的顶部和底部以及选择框之间的间隙。

    此外,验证显示几乎每个字形都是 missing points at extrema :

    希望你在最大点有点

    快速 search 显示:

    相当恶劣的状况叫做“失踪” 极值点”。用字体, 需要有一个点(或节点,例如 它们在Inkscape中被称为 最左边、最右边、最上面和最下面 字形。通常他们都在那里 不管怎样只是因为你 字形是建立的,但对角线 [source, including picture (scroll down)]

        2
  •  0
  •   Manhal    12 年前

    只需添加:

    line-height:1;
    

    你的CSS规则