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

『Webページのフォントを変えてみる』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

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

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

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


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

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

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

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

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

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

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

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

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


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

コメントを書く

Name

E-Mail

Website address