5

Mac 版 Firefox を使用font-faceしていますが、フォントがひどく見えます。私は試してみまし-webkit-font-smoothing: antialiasedfont-smoothing: antialiased

2 つのスクリーンショットを次に示します。

Retina スクリーンのため、画像がかなり大きくなったため、少し拡大されたように見えます。

コードを確認したい場合は、Web サイトの URL を次に示します。

誰でもこの問題の良い解決策を持っていますか?

4

2 に答える 2

4

良いニュース:それはおそらくあなたのせいではありません。悪いニュースは、あなたにできることがたくさんあるかどうかわからないということです。

私は自分のPCでそのサイトを見て、それはうまく見えました。私はMacbookPro(網膜付き)のSafariでサイトを表示しましたが、見栄えがしました(ロゴはラスターグラフィックだと思います)。

Firefox(バージョン17)は(スクリーンショットのように)見栄えが悪いです。要素のスタイルを無効にしたところ、デフォルトのフォントでさえひどく見えました。次に、FF自体(たとえば、タブのテキスト)のエイリアスが不十分であることに気付きました。

次に、自分のWebサイトの1つを開いたところ、Helveticaを使用しているのに見栄えが悪くなりました。このサイトは見栄えが悪いです(以下の質問のスクリーンショットを参照してください)。私のSVG画像(iPadでは美しく見える)でさえ、レンダリングが悪く見えます。

比較(左がSafari、右がFF 17)

ここに画像の説明を入力してください

私の推測では、問題はフォントよりもはるかに深いところにあります。Retinaディスプレイ上の他のアプリでこれに気づきました。Chromeにも同じ問題があると思います。

修理

ごく最近のベータ版(バージョン18)はこれらの問題に対処する予定であり、問​​題を完全に修正するように見えますが、フォントはブラウザー間でまだわずかに異なります(CSSで微調整できる場合があります)

Firefoxユーザーは通常、更新に長けているので、これがずっと長く問題になることはないはずです。

于 2012-11-30T00:06:46.923 に答える
1

質問は古いですが、まだ解決策を探している人がいれば、答えは次のとおりです: @font-face: bold in FF is bolder in Chrome

于 2013-04-25T18:10:09.857 に答える