1

Webページを作成するとき、私はいつも同じ問題に遭遇します。約 16 ～ 18 ピクセルより大きいフォントを追加すると、見栄えが悪くなります。ギザギザでピクセル化されています。さまざまなフォントと太さを使用してみましたが、うまくいきませんでした。

注: このようになるのは Windows だけです。主に Opera と FF と IE7 で発生しますが、それほど悪くはありません。Linux では、フォントはきれいに見えます。Macは見ていません。

これを修正するために皆さんは何をしますか？何かあれば。SO のタイトルもかなりぎざぎざしていることに気付きましたが、見栄えが悪いほど小さいだけです。

4

4 に答える 4

1

オペレーティング システムがフォントをレンダリングする方法をユーザーに強制的に変更させるためにできることは何もありません。それがあなたにとって大きな問題である場合は、大きな見出しを画像に置き換えることができます。これにより、フォントのレンダリング方法を正確に制御できます (また、ユーザーが提案していない場合でも、見出しが希望どおりに見えるようになります)。フォントがインストールされています）。

これを行う場合は、画像を見ない人のために代替テキスト表現を提供するようにしてください。私は CSS を使用して背景画像を表示し、見出しの内容を非表示にする傾向があります。このような。

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

正直なところ、これがすべての大きなテキストにある場合、これはやり過ぎのように思えます。また、クライアントがダウンロードする必要があるデータの量が増えることに注意してください。ただし、見出しが大きい場合、この方法を使用すると、OS でレンダリングされたテキストよりも見栄えがよくなります。

于 2008-11-25T09:58:42.233 に答える
0

Windowsでは、ClearTypeを有効にするとこれが解決されます。ただし、ユーザーに強制的に使用させることはできません。これはブラウザの問題ではありません。これは、オペレーティングシステムのフォントスムージング方法です。

于 2008-11-25T09:24:35.017 に答える
0

アンチエイリアシングを有効にすると、表示の問題が解決するはずです。

于 2008-08-29T02:46:29.677 に答える
0

アンチエイリアシングとは別に、クリアタイプを有効にしてみてください。

于 2008-08-29T02:47:10.410 に答える