@ font-face问题,Firefox添加填充,Chrome没有

Question

当使用自定义字体时@font-face,它会像我认为的那样在Chrome中呈现.但是,在Firefox中,字体会添加额外的填充(顶部和底部).

这是我的示例页面,概述了问题.

我能做些什么吗？

Answer 1

仅供参考,这也发生在Linux上的Firefox中(而不是Chromium中).我试图在FontForge中加载你的字体并立即收到警告:

字体中的下表已被FontForge
Ignoring 'LTSH' linear threshold table
忽略忽略'VDMX'垂直设备指标表
Ignoring 'hdmx' horizontal device metrics table

I think the problem is that the VDMX (Vertical Device Metrics) table is defect:

In order to avoid grid fitting the entire font to determine the correct height, the VDMX table has been defined.

This looks exactly like what happens in Firefox: somewhere the minimum and maximum height is incorrectly calculated. This is also clear when you select the text: the selection box extends to the utmost top and bottom of the line; if the h1元素确实有填充,您会看到该行的顶部和底部与选择框之间存在间隙.

此外,验证显示几乎每个字形都是" 极值缺失点 ":

PostScript和TrueType都希望您在路径的最大值和最小值(极值)处获得点.

快速搜索显示:

我遇到的唯一另一个问题是一个相当令人讨厌的情况,称为"Extrema中的丢失点".对于字体,需要在字形的最左侧,右侧,顶部和底部有一个点(或节点,因为它们在Inkscape中调用).通常他们在那里只是因为你的字形的构建方式,但带有圆角的对角线经常会导致问题 [来源,包括图片(向下滚动)]