Webページのフォントを変えてみる

くーさん — Sat, 03 Jan 2009 18:08:43 +0000

今までWebサイトを見る時フォントは『ＭＳＰゴシック』かサイト任せでしたが、Macでデフォルトの『ヒラギノ丸ゴ Pro』と比べると明らかに劣化してるように感じるので自分なりにカスタマイズして変更しました。

フォント変更は、IEなら「ツール(T)」→「インターネットオプション(O)」→全般タグの「フォント(N)」で変更できます。
残念ながら、IEでは『ヒラギノ丸ゴ Pro』はリストに表示されませんでした。
私が使ってるFirefoxは、「ツール(T)」→「オプション(O)」→コンテンツタグの「フォントと配色」で変更できます。
Firefoxではインストしてるフォント全てが使えるみたい。
Opera、Chromeは分かりません…。

では、各フォントを見比べてみましょう。

ちなみに以下の画像はFirefoxで撮ったスクリーンショットです。

ＭＳＰゴシック

Windows標準のフォント
アンチエイリアスはかかっておらず、ドット打ちのフォントです。
しかし英数字には微妙にアンチエイリアスがかかっています。

MS UI Gothic

Windowsに最初から入ってるフォント。
『ＭＳＰゴシック』よりも字の間がつまっています。

HGSｺﾞｼｯｸM

おそらくWindowsに最初から入ってるフォント。
文字は等間隔で微妙にアンチエイリアスがかかっています。
ちょっと文字が潰れたように感じます。

HG丸ｺﾞｼｯｸM-PRO

おそらくWindowsに最初から入ってるフォント。
文字は等間隔でアンチエイリアス入り。
これも文字が潰れた感じがしますが、個人的にエクセルとかで良く使うフォントです。

メイリオ

Windows Vistaから標準で入ったフォント。
文字は等間隔でアンチエイリアス入り。
Macに対抗したフォントという噂も…？

A-OTF 新ゴ Pro L

モリサワから発売されているフォント。
有料なので、誰でも彼でも使えるフォントってな訳ではありません。
仕事上で頻繁に使ってます。

ヒラギノ丸ゴ Pro W4

今回の目玉である、Mac標準フォント。
同じフォントでも、やっぱりWindowsとMacでは見え方が違います。

ヒラギノ角ゴ Pro W3

ヒラギノ角ゴ Pro W6

ヒラギノフォントの角ゴ版。

今まで等間隔の文字は好きじゃなかったんですが、最近文字を読む時字の間が詰まってると読みづらくなってきちゃいまして。
等間隔の『ヒラギノ丸ゴ Pro』に変えたら読みやすくなりました。
年・・・なんですかねぇ・・・。ｗ

米が好き » フォント

Webページのフォントを変えてみる