1

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) であることを示しています。TTF に戻すのではなく、WOFF だけを呼び出すべきではありませんか?

4

1 に答える 1