@font-face failing on localhost

I cannot get my @font-face declaration to work on localhost. Works fine when I choose open from the file menu in the web broswer but not if I use http://localhost/~joev/file.html. Holds true for Safari and FF.

I have tried adding mime types with .htaccess file:

AddType application/vnd.ms-fontobject eot

AddType application/x-font-ttf ttf ttc

AddType font/opentype otf

AddType application/x-font-woff woff

and

AddType font/ttf ttf

AddType font/ttf TTF

AddType font/otf otf

AddType font/otf OTF

and

AddType application/vnd.ms-fontobject .eot

AddType application/octet-stream .otf

AddType application/x-font-ttf .ttf

AddType application/x-woff .woff

and have palced the .htaccess file at the root directory, css directory, and the font directory but no luck. Paths are good because they render on my web host's server.

What am I missing?