The problem is apparently https://developer.mozilla.org/en/docs/HTTP/Access_control_CORS
What works for me is:
"If you have a page at file:////pages/mypage.html, then you can only load fonts located in file:////pages or below. So, for example, if the fonts are in file:////fonts, they won't load, but if they are in file:///pages/fonts, then they should work. At least, that's how it seems to work for me."
posted by freixas @
https://support.mozilla.org/en-US/questions/956597
So basically I put my resources dir (contains scripts, images etc) in the root directory where I have the web pages.