title: Disappearing Text on Google Chrome - google web fonts?
body: <p>Website: www.ibodyguardsdirect.com</p>
  
  <p>Issue - text missing on first load.  Appears on refresh.</p>
  
  <p>Sources checked - seems related to Google Fonts not loading first time round - which is weird considering Google Chrome and Google Fonts are both the same company.</p>
  
  <p>Tried this in header - didn't work</p>
  
  <pre><code> $(document).ready(function() {
       if($.browser.chrome)
           $("head").append('&lt;style&gt;/* Web Fonts*/ @font-face 
    {    font-family: "webfont"; src: url("webfont.eot");    font-weight: normal;    font-style: normal; }}&lt;/style&gt;');
   });
  </code></pre>
  
  <p>Tried this in the CSS stylesheet - didnt work</p>
  
  <pre><code>  body
        {
        -webkit-animation-duration: 0.1s;
        -webkit-animation-name: fontfix;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0.1s;
        }
  
  @-webkit-keyframes fontfix{
  from { opacity: 1; }
  to { opacity: 1; }
  }
  </code></pre>
  
  <p>Ive also been through all these blogs
  <a href="https://productforums.google.com/forum/#!topic/chrome/zID6uQQfKH8" rel="nofollow">https://productforums.google.com/forum/#!topic/chrome/zID6uQQfKH8</a>
  <a href="http://wordpress.org/support/topic/wp-doesnt-display-content-text-on-chrome?replies=16#post-5283430" rel="nofollow">http://wordpress.org/support/topic/wp-doesnt-display-content-text-on-chrome?replies=16#post-5283430</a>
  <a href="https://code.google.com/p/chromium/issues/detail?id=246875" rel="nofollow">https://code.google.com/p/chromium/issues/detail?id=246875</a></p>
  
  <p>Still not fixed</p>
  
  <p>Does anyone know how to sort this issue?</p>