2008-08-29 13 views
1

ウェブページを作成するときに同じ問題が発生します。私は約16-18pxより大きいフォントを追加するとひどく見えます。そのギザギザ、およびpixelated。私は別のフォントと重量を使ってみましたが、そこにはあまり運がありませんでした。ウェブページのフォントレンダリング

注:これは、このようなものです。主にOperaやFFでもIE7で、しかしそれほど悪くない。 Linuxではフォントがよさそうです。私はMacを見ていない。

これを修正するにはどうすればよいですか?もしあれば。私は、ここのタイトルはあまりにもギザギザであることに気付きましたが、見た目が悪くならないくらい小さいだけです。

答えて

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レンダリングされたテキストよりも見栄えのよいものにつながります。

0

アンチエイリアスを有効にすると、ディスプレイの問題が解決されます。

0

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

0

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

関連する問題