title: @font-face Text is invisible in Chrome on refresh... but not always?
body: <p>My WordPress site is here: <a href="http://pangalactic.co/" rel="noreferrer">http://pangalactic.co/</a></p>
  
  <p>When using Chrome, users find that sometimes the text below the logo, and the text relating to the site's pages (to the right of the logo) is invisible to them. If they try refresh in Chrome it remains invisible. If they click the site logo to refresh, however, the text appears again. The relevant @font-face text is below...</p>
  
  <pre><code>@font-face {
  font-family: 'BebasNeueRegular';
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot");
  src: url("fonts/bebas-neue/BebasNeue.otf");
  src: url("fonts/bebas-neue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"),     url("fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"), url("fonts/bebas-    neue/BebasNeue-webfont.ttf") format("truetype"), url("fonts/bebas-neue/BebasNeue-    webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal; 
  }
  </code></pre>