title: Bold content takes longer to load
body: <p>I have an Angular application with a page that contains:</p>
  
  <pre><code>&lt;p&gt;Text&lt;span class="bold"&gt;Bold text&lt;/span&gt;&lt;p&gt;
  </code></pre>
  
  <p>The bold class is defined as</p>
  
  <pre><code>.bold {
    font-weight: bold;
  }
  </code></pre>
  
  <p>When the page loads, 'Text' first appears, and then 'Bold text' appears.
  If I apply any other css class to the span this problem doesn't happen, it has something to do with the fonts but I can't figure out what is happening and how to fix it.</p>