Custom font not working in Firefox 3.6!

Question

My custom font defined on http://flamefusion.net does not render correctly in Firefox 3.6.

It is rendering as Verdana, which is set as the fall-back font in the CSS, defined here: http://flamefusion.net/style/site.css

The code there is generated by Typekit, here: http://typekit.com/

For those who says that it is not possible, I would like to point out that it is, in CSS 3, which I am trying to use. See the font-face selector for more information, here: http://www.css3.info/preview/web-fonts-with-font-face/, or use Typekit.

Here's a screenshot of how the page looks like in Chrome 8, which is how it is supposed to look like regarding the fonts. They also work in IE6 or higher, as well as Opera.

Answer 1

In addition to Mathias post, this is the way (using .htaccess) to allow this if moving the files aren't possible:

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Answer 2

I got it fixed. It turns out that Firefox 3.6 (and possibly others too) does not allow cross-domain content when it comes to fonts. That's kind of lame if you ask me, but moving it to the main domain solved the issue.