3

Dreamweaver で Web サイトを構築していますが、IE (Win8 で IE10 を使用しています) ではフォントが Chrome ほどシャープにレンダリングされないことに気付きました。サンプル画像を参照してください。Firefoxも少しずれています。この問題は、小さい太字のテキストを使用する場合に顕著になります。

14px arial boldの例を次に示します。

CSS:

body { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.bold {
    font-weight: bold;
}

HTML:

<span class="bold">Hello</span>

問題はスタイルではなくブラウザーにあるのかもしれませんが、訪問者の目に Web サイトをより見やすくするための解決策はありますか?

4

1 に答える 1

3

ズームインして、例を詳しく見てみましょう。

Chrome: ここに画像の説明を入力     Firefox: ここに画像の説明を入力     IE:ここに画像の説明を入力

Chrome と Firefox は明らかにサブピクセル レンダリング(別名ClearType ) を使用していますが、IE は使用していません。違いは、おそらくユーザー設定 (または、ユーザーが変更していない場合はブラウザー/OS のデフォルト設定) に帰着します。

特に、Chrome と Firefox は独自のテキスト レンダリングを行うのに対し、IE は OS のデフォルトのテキスト レンダリング設定を使用します。どうやら、Windows 8 以降、 ClearType はIE を含む Metro スタイル アプリケーションではデフォルトで無効になっています。理由は聞かないでください。

とにかく、悪いニュースは、Web 開発者として、これについてできることはあまりないということです。実際、すべてのユーザーに対してサブピクセル レンダリングが可能であるとは考えられません。テキスト レンダリングの詳細は、ブラウザー、OS、ディスプレイ ハードウェア、ユーザー設定などのさまざまな要素に応じて、ユーザーごとに異なることを受け入れる必要があります。

編集:ええと、Cufónのようなものを使ってみることもできますが、それはハンマーでハエをたたくように聞こえます。いずれにせよ、サイトのすべてのテキストにこれを使用した場合、パフォーマンスはかなり低下すると予想されます。

于 2013-10-24T10:26:21.250 に答える