ＣＳＳで、見出しの文字をアンチエイリアスにしたい。

質問

はじめまして。ＣＳＳのことでどうやって調べてもわからないことがあるので、教えていただきたく宜しくお願いします。

見出しの文字を割りと大きめに表示したいのですが、大きく表示をすると、文字が荒くなってしまいます。サイトを見ると、画像にせずに、フォントデータを持ったままアンチエイリアスの表示ができるようなのですが、ＣＳＳでどのように書けばよいのでしょうか？

参考のサイトは
http://openlab.jp/k16/htmllint/sitemap.html
こちらの「Site Map」のように表示したく思っています。

回答No.2

crazy_dog · ベストアンサー

こんにちは

スタイルシートでテキストをアンチエイリアス表示することはできません。

ご覧になられているマシンはWindowsXPですか？
そうであれば、おそらくCrearTypeの設定がされていると思うのですが…。
「画面のプロパティ」で「デザイン」タブの「効果」ボタンをクリックして開くウィンドウの「次の方法でスクリーンフォントの縁を滑らかにする」にチェックが入っていて「ClearType」が選択されているか確認していただけますか？
もし、チェックが入っているようでしたら、moco_2006さんのマシン上でそのように見えているだけですのでみんなが同じように見えているとは限りません。
ClearTypeは液晶画面上で文字をキレイに見せるための技術(？)です。

参考URL：

http://www.atmarkit.co.jp/fpc/xp_feature/cleartype/cleartype.html

お礼

ありがとうございます。確認をしたところ
「スクリーンフォントの縁を滑らかにする」で「標準」になっていました。

どうりで、滑らかな場合とそうでない場合があると思いました。

ほんとうに、とっぴな質問に答えていただき、ありがとうございます。

回答No.1

UKY

CSS ではフォントのアンチエイリアスに関して指定することはできません。(少なくとも今の CSS では)

フォントのアンチエイリアスはページを実際に表示するコンピュータでの文字表示に関する設定や機能・性能に依存します。
「こちらの「Site Map」のように表示」というのはたまたま質問者さんのコンピュータでそこだけアンチエイリアスが働いたということに過ぎません。(私のコンピュータでは全ての文字がアンチエイリアスで表示されるのです)

お礼

そうだったんですか！！ありがとうございます。確かにそうですね。まったくそこに気が付きませんでした・・・。

お時間を頂き、どうもありがとうございます！