1

@font-face で Interval Sans を使用しています。各フォント要素には font-weight:normal が適用されています。要素に関連付けられた強力なフィールドはありません。

http://www.fontspring.com/fonts/mostardesign/interval

いくつかのテキスト要素では、ページが最初に読み込まれたときに、正しく細身のフォント レンダリングが表示されます。しばらくすると、フォントが人為的に「重くなり」、カスタム フォントの優れた効果が失われます。

これが起こる様子を示す 30 秒のビデオを次に示します: http://www.screencast.com/t/vGN6zLbKh

私は広範囲にグーグルで検索しましたが、ほとんどすべての結果は、フォントの重みの完全なスイートを持たないカスタム フォントに人為的なフォントの重みを追加することに関連しています。私たちはこの問題について途方に暮れています。

フォントの太さの問題は Mac Chrome でも見られますが、Mac Firefox と Safari では即座に太字になります。私たちの開発チームは、Windows ブラウザーではちらつき/変化を再現できないと言っています。

洞察に感謝します!

4

2 に答える 2

1

サイトでFlexSliderを使用していますか?

フォントの太さが点滅/ちらつきのように見え、使用していなかったというまったく同じ問題がありました@font-face

デバッグに時間を費やした後slideshowSpeed、Flexslider スクリプトの変数が問題の原因であることがわかりました。その変数のカスタム設定を削除すると、点滅するテキストが消えました。

FlexSlider を使用していない場合でも、JavaScript の一部が問題を引き起こしているかどうかを確認することをお勧めします。

于 2012-07-30T11:49:23.790 に答える
0

カーニングのように聞こえます。コードを見ずに、正確に特定するのはかなり難しいです。cssでoptimizeLegibilityを使用していますか?クロスブラウザ互換性のためのキットを生成しましたか?

于 2012-04-21T01:08:21.833 に答える