Почему @ font-face выдает ошибку 404 в файлах woff?

Question

Я использую @font-face на сайте моей компании, и он работает / выглядит великолепно.За исключением Firefox и Chrome выдает ошибку 404 в файле .woff.IE не выдает ошибку.У меня есть шрифты, расположенные в корне, но я пробовал со шрифтами в папке css и даже дал полный URL для шрифта.Если удалить эти шрифты из моего css-файла, я не получу 404, поэтому я знаю, что это не синтаксическая ошибка.

Кроме того, я использовал инструмент fontsquirrels для создания @font-face шрифтов и кода:

@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;
}

Answer 1

Если у вас нет доступа к конфигурации вашего веб-сервера, вы также можете просто переименовать файл шрифта, чтобы он заканчивался на svg (но сохранял формат).У меня отлично работает в Chrome и Firefox.

Answer 2

Также проверьте ваш переписчик URL.Он может выбросить 404, если что-то «странное» было найдено.

Answer 3

Это может быть очевидно, но это несколько раз приводило меня к 404-м ... Убедитесь, что права доступа к папке шрифтов установлены правильно.

Answer 4

Решено:

Мне пришлось использовать Метод Mo'Bulletproofer