無印良品サイトのような、滑らかなフォントについて、

質問

無印良品サイトのような、滑らかなフォントについて、どのようにすれば、滑らかなフォントが
使えますか？
他のサイトにもたまにありますが、少しぼやけているのが特徴です。
以下参考アドレスです。

http://store.muji.net/user/ItemDetail/detail?_from=/ListProducts/itemlist&sc=S01201&sp=muji&prd=4547315504442&sku=4547315504442

回答No.2

noname#46849

画像のアンチエイリアスについて書きたいと思います。
アンチエイリアスとは、画像の角ばりをなくす機能の事で、たいていの画像編集ソフトにある機能だと思います。
あと、画像を保存するときにGIFではなくJPEGで保存するといいかもしれません。
（GIFよりJPEGの方がグラデーションがきれいに出るため）
あとは、上記の方と同じ手段が有効だと私も思います。

回答No.1

hikaly

「滑らかなフォント」とは、「在庫状況」や「購入数」という部分の、灰色の文字のことですよね？ これらは単なるテキストではなくて、画像ファイルを使っているのです。

画像編集ソフト（PhotoshopやGIMPなど…その他諸々）で予め文字をアンチエイリアスを有効にして書き、ファイルに保存し、それをHTMLから呼び出せば「滑らかなフォント」を表示できるようになります。

無印良品の「滑らかなフォント」画像サンプル
http://store.muji.net/user/shared/img/header/head_store_over.gif
http://store.muji.net/user/shared/img/header/head_community.gif
http://store.muji.net/user/shared/shared/img/store_dynamic/detail_stock3.gif
こんな画像↑を作って表示させれば良いのです。