0

Firefox (およびその他...) の @font-face での FOUT の問題が何度も処理されたことは知っていますが、そのためにここにいるわけではありません。

現在、非常に奇妙な問題が発生しています。自分のサイトのページを閲覧すると、FOST (Flash of Styled Text)が表示されます: ページが 1 秒間表示され、すべて問題なく、テキスト (@ font-face) が数ミリ秒間消えて、その後、同じように再表示されます。

これが私の @font-face 宣言です。

@font-face {
  font-family: 'DINWeb-Bold';
  src: url('/fonts/DINWeb-Bold.eot');
  src: local('☺'),
         url('/fonts/DINWeb-Bold.woff') format('woff'), url('/fonts/DINComp-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

構成:

  • Mac OS X 10.8.2
  • Firefox 13.0

(注: ローカル コンピューターにフォントがありませんでした)

誰かこの謎を解いてくれませんか!?

どうもありがとうございました

4

1 に答える 1

0

Typekit Kitに Web フォントをインポートする際の「FOST」の問題を解決しました( fontshopで許可されています、ありがとうございます)。Typekit の統合スクリプトには、FOUC 効果を無効にする何かが含まれているようです。

デフォルトの埋め込みコードはシンプルで使いやすいです。読み込み中にレンダリングをブロックすることで、スタイルが設定されていないテキストのフラッシュをうまく隠します。

まあ、それは私にとってはうまくいきましたが、Typekit を使わずに別の解決策があるかどうか知りたいです。多分GoogleのWebFont Loader？

于 2012-10-26T12:27:32.683 に答える