title: Downloadable font on firefox: bad URI or cross-site access not allowed
body: <p>I'm a webmaster at <a href="http://www.beperk.com" rel="noreferrer">http://www.beperk.com</a> (I'm giving you the URL so you are able to check the problem) and I'm having lots of problems using @font-face in CSS.</p>
  
  <p>I want to use the foundicons from zurb dot com so I hosted them at Amazon S3.</p>
  
  <p>I set up the bucket to allow crossdomain access as specified here: <a href="http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors" rel="noreferrer">http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors</a></p>
  
  <p>And everything started to work seamless at webkit, trident and gecko... mostly: when browsing the web with firefox (version 17, 18 and 19 tested) all the icons fails randomly with this error:</p>
  
  <pre><code>Timestamp: 22/02/13 13:18:01
  Error: downloadable font: download failed (font-family: "GeneralFoundicons" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
  </code></pre>
  
  <p>And I say randomly since after a full reload of the page (with control/command + R) every single icon appears normally to fail again after some visits.</p>
  
  <p>Can anyone find the problem?</p>