css - 基于 WOFF 的字体在 Firefox 中不起作用，但在其他浏览器中正常

Question

http://thereferraladvantage.com/preview/

base.css 中的 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 (OK)。我担心的是，它不应该只调用 WOFF，而不是恢复到 TTF 吗？

Answer 1

回答了我自己的问题。跨源嵌入是问题所在。 .css 文件是用 www. 调用的，我打开网站时没有 www.这就是为什么我总是把强制 www 的 .htaccess 行放在。如果缺少则添加，这是一个很好的做法。除了我错过了这个，因为我还没有启动它，我只是在测试和修补。