Firefox字体垂直错位？

Question

所以我在我的设计中使用这个名为Gagalin（Regular）的webfont，它在Chrome和Edge中运行良好。但是，当我在FireFox中看到它时，我会得到一个非常奇怪的垂直错位（下图）。此外，我使用的@font-face规则之前（也在FireFox中）一直没有使用此字体，因为我正在使用的其他webfont正确对齐。关于如何解决这个问题的任何想法？我假设它与字体有关或？

编辑也许这不是最好的地方，但我真的不知道在哪里

CODE

我有magin，padding和行高重置设置+我normalize.min.css包含h1保证金，我明确重置0以覆盖标准化边距。标题h1的行高再次设置为1。

Dropbox link to the font files

@font-face {
    font-family:'Gagalin';
    src:url(../fonts/gagalin/Gagalin-Regular.eot);
    src:url(../fonts/gagalin/Gagalin-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/gagalin/Gagalin-Regular.svg#Gagalin-Regular) format('svg'),
        url(../fonts/gagalin/Gagalin-Regular.woff2) format('woff2'),
        url(../fonts/gagalin/Gagalin-Regular.woff) format('woff'),
        url(../fonts/gagalin/Gagalin-Regular.otf) format('opentype');
    font-weight:400;
    font-style:normal
}

* {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;

    font-weight: normal;
    font-size: 3vm;
    font-size: 3vmin;
    line-height: 1.5;
}

h1 {
    font-family: 'Gagalin';
    margin: 0;
}

header h1 {
    line-height: 1;
}

更新 尝试删除所有字体，但woff的字体和问题保持不变

@font-face {
    font-family:'Gagalin';
    src:url(../fonts/gagalin/Gagalin-Regular.woff2) format('woff2'),
        url(../fonts/gagalin/Gagalin-Regular.woff) format('woff');
    font-weight:400;
    font-style:normal
}

图片

Answer 1

对于那些想知道我能够通过打开Birdfont中的字体，导出并重新转换它来解决这个问题的人来说是正确的。我不知道为什么Firefox搞砸了，而其他浏览器并没有对它产生怨恨，但它现在正在运作。

感谢您的时间和答案

Answer 2

看起来像一个不同的默认行高。显式设置行高可以解决这个问题。我们有机会看到您的代码，以验证这一点吗？

边距和填充也是如此。我看到一个明确的零余量，但我看不到明确的零填充。

请注意Stack Overflow上的规则要求您发送一些代码，以便我们测试/重现问题。

Answer 3

尝试删除所有字体或所有字体但woff或woff2以查看它是否是字体不一致/基线问题。