5

少し前に、ページのナビゲーション メニューとして固定 div を作成しました。vimeo フラッシュ ムービーをスクロールすると、テキストのフォント ウェイトが減少することに気付きました。

今、私は別のナビゲーションメニューでそれを再び見ていますが、今回はjqueryのGoogleマップをスクロールしている間: http://jorenfrielink.com/beta/

ご覧のとおり、メニュー ボタンがマップに重ねられると、メニュー ボタンのフォントの太さが減少します。これまでのところ、クロムとサファリでこれに気づきました。

これは一般的な問題ですか、それについて何をすべきですか?

4

3 に答える 3

8

css3 アニメーションや変換などが原因で、フォントのスムージングが変化している可能性があります。これをナビゲーション テキストに追加してみてください。

-webkit-font-smoothing: subpixel-antialiased;
于 2012-10-13T22:33:54.627 に答える
4

Joren が述べたように: -webkit-font-smoothing: antialiased;

これはChrome + Safariで機能しました

于 2012-12-19T02:59:38.600 に答える
2

この修正を試してください：

opacity: 99;

テキスト上。

これで問題が解決した場合、問題は OSX がフォントをレンダリングする方法に起因します。明るい背景に暗いテキストが表示されるように最適化されているため、反転すると奇妙な太字効果が得られます。この不透明度のトリックは、たとえ明暗であっても、標準的な方法で表示するための回避策です。

于 2012-10-13T22:09:48.560 に答える