1

ページのフォントのスタイルを設定する次のコードがありますが、どういうわけか@ font-faceはmozillaで機能しますが、IEでは機能しません。誰かがここで何が起こっているのか知っていますか、そしてどうすればこれを修正できますか？

@font-face {
  font-family: 'TrashHand';
  src: url('../fonts/TrashHand.ttf');
  }

@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeue.otf');
  }  


.tab_g 
{
    background:url(../images/ss_tab_0.png) no-repeat;
    width:176px;
    height:42px;
    font: 25px 'TrashHand',Arial, Helvetica, sans-serif;
    font-weight:50;
    text-transform:uppercase;
    color:#ffffff;
    padding-top:10px;
    text-align:center;
    margin-bottom:-15px;
}
4

1 に答える 1

5

フォントをアップロードできるFontSquirrelのようなものを必ずチェックしてください。そうすれば、対応するCSSが返されます。すべてのブラウザで完璧を保証します。また、このトピックの詳細については、PaulIrishの防弾@font-faceを確認してください。

次のようになります。

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
于 2012-09-11T00:33:19.943 に答える