4

Google Chrome のフォントの鮮明さに問題があります。@font-face Web フォントと FontAwesome を使用して www.transitioncville.org で Web サイトを開発し、navbar にテキストとアイコンをレンダリングしています。外部モニターが接続されている場合 (ただし、Chrome ウィンドウは Macbook ディスプレイ上にあります)、Web サイトに移動すると、鮮明なテキスト/アイコンが表示されます。

鮮明なテキスト

外部モニターのプラグを抜いても、ページを更新したりキャッシュをクリアしたりしても、引き続き鮮明で鮮明なテキスト/アイコンが表示されます。しかし、外部モニターを取り外した状態で新しい Chrome タブを開いて同じ Web サイトに移動すると、テキストとアイコンが突然ぼやけて表示されます (以下を参照)。これを他のマシンで再現しました。何が原因でしょうか? 問題は FontAwesome に限定されているようには見えません。テキストも大きくなっていることがわかります。

ここに画像の説明を入力

価値のあることとしては、Safari も Firefox も問題がないようです。

Google Chrome 25.0.1364.172 (公式ビルド 187217) OS Mac OS X WebKit 537.22 (@145275) JavaScript V8 3.15.11.17 Flash 11.6.602.180 ユーザー エージェント Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.22 (KHTML など) Gecko) Chrome/25.0.1364.172 Safari/537.22

4

1 に答える 1

0

具体的に何が起こっているのかはわかりませんが、次の CSS を使用すると、ブラウザー固有の奇妙なフォント レンダリングの問題が解消されることがあります。これをページに含まれるグローバル css ファイルに追加してみてください。

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
于 2014-09-24T00:58:53.650 に答える