Forums » Help » Custom template not displaying in Firefox

I'm building a custom template and all is peachy in Chrome, but as soon as I load it in Firefox... nothing! Sure, all the info etc is there but it's like I haven't written a single line of CSS.

This is what you should see (I'm using a dummy profile until it's ready to be transferred to the commissioner):
http://gyazo.com/0ef9bc6f635d5971917637380ad72e6d

This is what you see in firefox:
http://gyazo.com/def12240c4bef0ffba3183b096ca9ba6

As you can see, Firefox doesn't seem to recognize any of my CSS except the toolbar background, weirdly. To clarify, no I haven't added any webkit stuff in yet HOWEVER there are plenty of styles in there that I know Firefox should be able to read on its own.

http://www.rprepository.com/c/vox This is the live profile if anyone wants to take a look at it. I could very well be missing something incredibly simple and basic but I don't have the slightest clue what it could be. Any help would be great, thanks!

EDIT: http://pastebin.com/WHyJRNCr For the CSS I'm using. I apologize for the disorganization.

@font-face is an experimental technology for CSS font customization. There's a chance Firefox doesn't support it yet.

Try removing all the top @font-face lines, save the template, then go back to Vox's page, Ctrl+F5 and see if the stylesheet loads without @font-face. If it does, that's the problem and you'll probably have to try something different.

Google Web Fonts are much more reliable to use (they're used everywhere on RPR actually!) and we have a development task that you can vote on if you want custom templates to support it.

That would be it! Thanks! It didn't occur to me that @font-face would kill the whole thing.