1

@ font-face Webfontのロード中にIEがデフォルトのフォントを表示しないようにするための最良の方法は何ですか？ページにはajaxが読み込まれ、cssファイルがヘッドに読み込まれます。この問題はhttp://www.peterharveyco.com.au/で表示でき、スクロールプロジェクトの1つをクリックします。私が読んだものから、私はそのような問題を避けるためにフォントを正しくロードしています。準備ができるまで、バックアップフォントとして設定したものをロードするだけです。近いバックアップフォントを設定する唯一の解決策はありますか？これが可能であれば、準備が整うまで何もありません...

どんな助けでも大歓迎です。

CSSファイル：

@font-face {
    font-family: 'TradeGothicLTStdBdCnNo.20';
    src: url('tradegothicltstd-bdcn20-webfont.eot');
    src: url('tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
    font-weight: normal;
    font-style: normal;

}
4

1 に答える 1

1

GoogleのWebFontローダーを使用して、@font-faceフォントをカスタムフォントとして指定できます。@ font-faceルールを独自にスタイルシートに貼り付けてから、ローダーをこのスタイルシートに向けることができるようです。次に、.wf-loadingクラスを使用して、カスタム@ font-faceフォントを持つ要素を設定visibility:hiddenし、デフォルトのフォントが表示されないようにすることができます。次に、.wf-activeクラスを使用visibility:visibleして、@font-faceフォントを表示するように設定します

于 2012-04-10T07:49:35.823 に答える