Warum gibt @font-face bei woff-Dateien einen 404-Fehler aus?

Question

Ich benutze @font-face auf der Website meines Unternehmens und es funktioniert und sieht großartig aus. Außer dass Firefox und Chrome einen 404-Fehler auf der .woff Datei. Der IE zeigt den Fehler nicht an. Die Schriftarten befinden sich im Stammverzeichnis, aber ich habe es mit den Schriftarten im css-Ordner versucht und sogar die gesamte URL für die Schriftart angegeben. Wenn ich diese Schriftarten aus meiner css-Datei entferne, erhalte ich keine 404, so dass ich weiß, dass es kein Syntaxfehler ist.

Außerdem habe ich das Werkzeug fontsquirrels verwendet, um die @font-face Schriftarten und Code:

@font-face {
  font-family: 'LaurenCBrownRegular';
  src: url('/laurencb-webfont.eot');
  src: local(''), 
    url('/laurencb-webfont.woff') format('woff'), 
    url('/laurencb-webfont.ttf') format('truetype'), 
    url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontinSansRegular';
  src: url('/fontin_sans_r_45b-webfont.eot');
  src: local(''), 
    url('/fontin_sans_r_45b-webfont.woff') format('woff'), 
    url('/fontin_sans_r_45b-webfont.ttf') format('truetype'), 
    url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
  font-weight: normal;
  font-style: normal;
}