Шрифты на основе WOFF не работают в Firefox, но хорошо работают в других браузерах

http://thereferraladvantage.com/preview/

CSS в base.css:

@font-face {
  font-family: 'gotham';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/gotham_light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gotham_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gotham_light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gotham_light.ttf')  format('truetype') /* Safari, Android, iOS */
       ;
}

@font-face {
  font-family: 'gotham';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/gotham_book.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gotham_book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gotham_book.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gotham_book.ttf')  format('truetype') /* Safari, Android, iOS */
       ;
}

@font-face {
  font-family: 'gotham';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/gotham_bookitalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gotham_bookitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gotham_bookitalic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gotham_bookitalic.ttf')  format('truetype') /* Safari, Android, iOS */
       ;
}


@font-face {
  font-family: 'gotham';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/gotham_medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gotham_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gotham_medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gotham_medium.ttf')  format('truetype') /* Safari, Android, iOS */
       ;
}



@font-face {
  font-family: 'gotham';
  font-weight: 500;
  font-style: italic;
  src: url('../fonts/gotham_mediumitalic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/gotham_mediumitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gotham_mediumitalic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gotham_mediumitalic.ttf')  format('truetype') /* Safari, Android, iOS */
       ;
}

Firebug показывает, что браузер вызывает как woff, так и tff файлы со статусом 200 (ОК) для обоих файлов. Это касается меня, не должно ли это называться просто ВФФ, а не возвращаться к ТТФ?

1 ответ

Ответил на мой собственный вопрос. Внедрение перекрестного происхождения было проблемой. Файл.css вызывался с www. Я открывал сайт без www. Вот почему я всегда ставлю строку.htaccess, которая заставляет www. быть добавленным, если отсутствует, просто хорошая практика. За исключением того, что я пропустил это на этом, потому что я еще не запустил это, и я просто проверял и возился вокруг.

Другие вопросы по тегам