@ fontfaceがIEで表示される前のデフォルトフォントのフラッシュ

Question

@ 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; 

} 

Answer 1

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