Can't load Font Awesome from subdirectory

I have the following file layout:

/website/index.html/website/font-awesome/css/website/font-awesome/fonts/website/Subdirectory/page1.html

The page /website/index.html does not use Font Awesome at all; the files in /website/Subdirectory/ do use it.

If I directly access /website/Subdirectory/page1.html the Font Awesome icons show as a box with UniCode number inside. If I visit /website/index.html first, then visiting any page in the Subdirectory will show the icons as expected.

On page1.html I have <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">.

This is locally hosted; i.e. via file://

Update

downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:2): status=2147500037source: file:///correct/path/to/website/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0

I'm using Firefox on a Mac. According to Finder the font version is 4.2.0.

On Chrome this problem does not exist. Looks like some kind of browser implementation issue. Work arounds appreciated.