Ich benutze@font-face auf der Website meines Unternehmens und es funktioniert / sieht gut aus. Außer Firefox und Chrome wird ein 404-Fehler auf das @ werf.woff Datei. IE wirft den Fehler nicht. Ich habe die Schriftarten im Stammverzeichnis gefunden, aber ich habe versucht, sie im CSS-Ordner zu speichern und sogar die gesamte URL für die Schriftart anzugeben. Wenn ich diese Schriftarten aus meiner CSS-Datei entferne, erhalte ich keine 404, damit ich weiß, dass es sich nicht um einen Syntaxfehler handelt.

Auch benutzte ich fontsquirrels Werkzeug, um das @ zu verursach@font-face Schriften 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;
}