Why Am I Getting 500 Errors When Serving Web Font Files In My Css?

Getting started on a Django application and just serving up some static pages for now. Everything seems to be working but I am getting a 500 HTTP response for some of the web font

Solution 1:

A bit late to the party, but for other Googlers like me who found this:

Try removing the '../'. In my case there were no problems with the webfont, but the browser had problems with the 'same origin policy' (more info at MDN). In short: browsing for the fonts with '../' isn't always considered the same origin, so removing it will fix the problem.

Solution 2:

After some trial and error it appears that the problem is with the webfont files themselves. I noticed a set of webfonts that weren't generated from FontSquirrel worked, so I tried converting the others using a different tool (www.web-font-generator.com) and now they're all loading fine.

To verify this finding I converted another test font using both generator tools and, sure enough, the one from FontSquirrel didn't work and the ones from Web-Font-Generator did.

Bizarre!