title: Font artifacts on Firefox using fonts googleapis
body: <p>I am using google fontapis to get particular font. It looks great on Chrome or Edge, but it has some artifacts on Firefox(check screenshot).
  How do I use it in css:</p>
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Comfortaa');
  body {
    font-family: 'Comfortaa', sans-serif !important;
  }
  </code></pre>
  <p>The format is WOFF2 which should work good on all browsers.</p>
  <p>Any ideas?</p>
  <p><a href="https://i.stack.imgur.com/vmIhT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vmIhT.png" alt="enter image description here" /></a></p>