title: How to stop FOUT (flash of unstyled text) upon load
body: <p>When I open my html, css and js files from my computer on either Chrome or IE (I haven't tried other browsers), I have the flash of unstyled text before my google font loads. I've combed through loads of posts on this exact topic and have tried many solutions, but I still cannot find a solution works.</p>
  
  <p>At beginning of head tag in html file:</p>
  
  <pre><code>&lt;style&gt;html{visibility: hidden;opacity:0;}&lt;/style&gt;
  </code></pre>
  
  <p>At end of css file:</p>
  
  <pre><code>html {
      visibility: visible;
      opacity: 1;
  }
  </code></pre>
  
  <p>This makes absolutely no difference for me.</p>