title: Inline fontFamily not working in React / Next.js 9
body: <h2>Problem Description</h2>
  <p>I have a Next.js application and am trying to use in-line styles to change the font family of a <code>&lt;p&gt;</code> element. This isn't working, but if I try applying a <code>color: 'red'</code> style, it works just fine.</p>
  <p>Here's what I'm working with:</p>
  <pre><code>export default () =&gt; {
      return (
          &lt;div&gt;
              &lt;p style={{ fontFamily: 'system-ui' }}&gt;Hello from Next.js&lt;/p&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  <h2>Expected Result</h2>
  <p>Font family of <code>&lt;p&gt;</code> element changes to <code>system-ui</code>.</p>
  <h2>Actual Result</h2>
  <p>Text is rendered, but the font family stays as the browser default.</p>
  <h2>package.json</h2>
  <pre><code>  &quot;dependencies&quot;: {
      &quot;next&quot;: &quot;9.4.4&quot;,
      &quot;react&quot;: &quot;16.13.1&quot;,
      &quot;react-dom&quot;: &quot;16.13.1&quot;
    }
  </code></pre>
  <h2>Node Version</h2>
  <pre><code>&gt; node -v
  v14.5.0
  </code></pre>
  <p>Browser: Firefox 77, Windows 10</p>
  <p><strong>Question</strong>: Why isn't my fontFamily inline style applying correctly?</p>