title: Flash of default font before @fontface shows in IE
body: <p>What's the best way to stop IE displaying the default font while it's loading the @font-face webfont? The page is loaded with ajax and the css file is loaded in the head. This issue can be viewed at <a href="http://www.peterharveyco.com.au/" rel="nofollow">http://www.peterharveyco.com.au/</a> and then clicking on one of the scrolling projects. From what I've read, I'm loading the font correctly to avoid such a problem. It just loads whatever I set as the backup font until its ready. Is the only solution to set a close backup font? I'm ok with nothing being there until its ready if this is possible...</p>
  
  <p>Any help would be greatly appreciated. </p>
  
  <p>CSS file:</p>
  
  <pre><code>@font-face {
      font-family: 'TradeGothicLTStdBdCnNo.20';
      src: url('tradegothicltstd-bdcn20-webfont.eot');
      src: url('tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
           url('tradegothicltstd-bdcn20-webfont.woff') format('woff'),
           url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
           url('tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>