title: Custom font is not correctly positioned on Mac browsers
body: <p>I'm using a font called TradeGothicLT-Bold and on Mac browsers the texts aren't positioning correctly.</p>
  <p><a href="https://i.stack.imgur.com/3ocTV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3ocTV.png" alt="enter image description here" /></a></p>
  <p>Changing the font-family for another one fix the problem. So Maybe it's something related to the font itself.</p>
  <pre><code>@font-face {
    font-family: &quot;TradeGothicLT-Bold&quot;;
    src:
      url(&quot;../fonts/TradeGothicLTBold.woff2&quot;) format(&quot;woff2&quot;),
      url(&quot;../fonts/TradeGothicLTBold.woff&quot;) format(&quot;woff&quot;);
  }
  </code></pre>