title: Gatsby - Adding Google fonts to Gatsby site
body: <p>I'm trying to add a Google Font (Mukta Malar) in my Gatsby site.</p>
  <p>I've seen many articles on adding Google fonts to a Gatsby site and most of them seem to use this plugin: <a href="https://www.gatsbyjs.org/packages/gatsby-plugin-prefetch-google-fonts/" rel="noreferrer">gatsby-plugin-prefetch-google-fonts</a>.</p>
  <p>I've used the above plugin in my site by adding it in the <code>gatsby-config.js</code> file as:</p>
  <pre class="lang-js prettyprint-override"><code>plugins: [
      {
        resolve: `gatsby-plugin-prefetch-google-fonts`,
        options: {
          fonts: [
            {
              family: `Mukta Malar`
            },
          ],
        },
      }
    ]
  </code></pre>
  <p>and added the font family to my css file as well:</p>
  <pre class="lang-css prettyprint-override"><code>* {
    font-family: &quot;Mukta Malar&quot;, sans-serif;
  }
  </code></pre>
  <p>But the Google font is not applying to the site. Is there a hidden step that I'm missing in my code?</p>