フォントの問題CSS/html

Question

誰かがこのページを慎重に見ることができますか。このページでフォントを修正しようとしています。以前のプログラマーがフォントに対して何をしたのか分かりません。 サービス保証とサービス機能の見出しは緑色のパネルで見られます。テキストの端はシーソーでこのフォントを切り取ったようなものです。同様にページの他の部分。彼らは滑らかに見えるはずです。

ffとie8（widows xp）の表示ページ。

Answer 1

これらのセクションはアンチエイリアス処理されていないと思います。これはブラウザにテキストを表示するときに制御できるものではなく、実際にはブラウザやOSに依存します。

滑らかなフォントを使用することが重要な場合は、イメージプログラムでアンチエイリアスを行い、テキストの代わりにイメージを使用することができますが、これは非常に効率が悪く、ページを更新するのに苦労します。

つまり、要するに、これを修正するために何かできることはありません。詳細はthis SO questionを参照してください。

Answer 2

firebugを使用すると、Webページで使用されているスタイルとhtmlタグを見るためのFirefoxプラグインです.Webページで使用されているCSSをFirebugで編集することもできます。

Answer 3

ブラウザ（WindowsではChrome）でページが正常に表示されます。

異なるブラウザはすべて、テキストの表示方法が異なります。あなたが見つけられるのは、しばしば他のフォントよりも見栄えの良いフォントサイズのスイートスポットがあるということです。いずれにせよ、あなたが話しているのは、ブラウザがアンチエイリアス処理されたフォントを表示しているかどうかです。

CSS3のプロパティfont-smoothがありますが、調整することはできますが、とにかくフォントをスムーズにしていないブラウザでは機能しないと思われます。あなたはここでそれについて読むことができます：http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm

要するに、それについて心配しないでください。それはあなたのために大きな問題であれば、異なるフォントとサイズで実験してください。これを行うには良いツールがあります。

test your site at BrowserShots.orgを忘れないでください。それはあなたのためのスクリーンキャプチャを行うので、これらの詳細を幅広いプラットフォームで確認できます。

フォントを特定の方法でレンダリングする必要がある場合は、イメージで行う必要があります。これはお勧めしません。テキストは可能な限りテキストでなければなりません。ただし、このようにする必要がある場合は、スクリプトをサポートしていないブラウザのテキストを保持できるように、多くのスクリプトを検討してください.SEOは問題にはなりません。これには一般にTypeface.jsが使用されます。