Google字体（nunito）可以在Chrome上正常显示，但不能在Firefox上显示

Question

我在项目中使用了两种Google字体-lato和nunito。

每当我在firefox上使用nunito时，它似乎都被按下，但在chrome上完美呈现。

我尝试将所有边距设置为0，并使所有行高相同，但问题仍然存在。

我正在使用操作系统：macOS High Sierra 10.13.6和Firefox：62.0.3，它看起来像下面的屏幕截图。

<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

<h1 id="nunito">
Hello
</h1>

<h1 id="lato">
Hello
</h1>

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';


ReactDOM.render(<App />, document.getElementById('root'));

Answer 1

我通过安装nunito作为系统字体来重新创建了您的问题。

在本地卸载字体，然后重新启动Firefox浏览器。

仅供参考，如果您使用它，可以通过Adobe Typekit安装。