@fontface chrome渲染到高

Question

我在Google Chrome中遇到@fontface问题。字体渲染得太高。

当我将字体更改为Arial时，按钮在所有浏览器中都是正常的。当我将其更改为@fontface字体时，文本会跳起来。

以下是显示Firefox和Chrome之间差异的2张图片。

我该怎么办？

我试过了：     -webkit-font-smoothing：antialiased;

此外，我在字体声明后立即为所有字体添加了以下内容：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Museo-Sans-Rounded-100-Regular';
        src: url('../fonts/Museo-Sans-Rounded-100-Regular.svg') format('svg');
    }
} 

两者都没有用。

我该怎么办？非常欢迎所有的帮助！

Answer 1

感谢Vira指向正确的帖子。解决方案可以在这里找到：

@font-face svg not working properly in Chrome?