1

これが私の問題です。サイト プロジェクトで「PT Sans Narrow」と呼ばれる Google Webfont を使用する。はじめに、FFとIEはそれを完璧に示しています。Webkit ブラウザーは少し別の話ですが、フォントは正しく読み込まれますが、「文字間隔: -.05em」と組み合わせると、カーニングなしの Web フォントが表示される短いテキスト読み込みが表示されます。数分の 1 秒後、正しくカーニングされた最終的な外観に更新されます。何よりも「スリングショット」効果として説明できます-それが理にかなっている場合は?

.wf-loading スクリプトを使用して、FOUT がないことを確認しています。


これは私のCSSです

.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}

HTMLで必要な場所で「sansNarrow」クラスを呼び出しているだけです


私の質問は、他の誰かがこの問題を抱えていて、実行可能な修正が見つかったのですか?

ページロード後 300 ミリ秒後に「.sansNarrow」を表示/フェードインする jquery 関数を作成しようとしましたが、元のクラスを「display: none」に設定することに依存しており、JS がオフになっている場合は実行可能なオプションではありません.

前もって感謝します!

4

1 に答える 1

1

Webkit ブラウザはPTSansletter-spacingよりも低くはないようです...-0.07em

このページを確認してください。役に立つかもしれません:
@font-face and letter-spacing in webkit

于 2012-03-30T17:06:42.557 に答える