title: CSS fontface fallbackfont
body: <p>When i use fontface, the browser needs some time before the font is downloaded and rendered, until then the browser default font is shown. I have tried to give Arial as fallbackfont and as general HTML/BODY font, but this does not change the problem.</p>
  
  <p>is there a way to avoid this?</p>
  
  <pre><code>@font-face {
  font-family: 'StrukturProBold';
  src: url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.eot');
  src: url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.eot?iefix') format('eot'),
       url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.woff') format('woff'),
       url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.ttf') format('truetype'),
       url('fonts/strukturpro_bold_ubasic/StrukturPro-Bold-webfont.svg#webfontpQgNQDw9') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  body, html {
   font-family: "StrukturProBold", Arial, Helvetica, FreeSans, sans-serif, "open-serif", open-serif;
  }
  h1 {
   font-family: "StrukturProBold", Arial, Helvetica, FreeSans, sans-serif, "open-serif", open-serif;
  }
  </code></pre>