スポンサーリンク

Webで読みやすいフォントはMeiryo(メイリオ)

不意に 「ウチのブログの文字、なんだか読みにくいなぁ」 と思ったので、あちこちのサイトのCSSを見て回った結果、トップに指定するフォントを“Meiryo(メイリオ)”にすることにしました。

ちなみに今までは“MS PGothic(MS Pゴシック)”が先頭だったので、見た目を比べてみると

フォント:MS Pゴシック

abcdABCD
abcdABCD
あいうえお
アイウエオ
アイウエオ
+ー*/=@
+-*/=@
一二三壱弐参

例えば 「今日は22時には寝よう!」 と決めるじゃないですか。でもどういうわけかお布団に入るのが23時とかになっちゃうんですよ。

フォント:Meiryo

abcdABCD
abcdABCD
あいうえお
アイウエオ
アイウエオ
+ー*/=@
+-*/=@
一二三壱弐参

例えば 「今日は22時には寝よう!」 と決めるじゃないですか。でもどういうわけかお布団に入るのが23時とかになっちゃうんですよ。

と、見た目がここまで違ってくるんですよね。漢字の1(一)と長音符(ー)の見分けがつきにくいものの、全体を見るとやっぱりMeiryoの方が読みやすいですよね。

ちなみに実際のフォントの指定は、以下のものを使っています。

  font-family: "Meiryo", "MS PGothic", sans-serif;

Enjoy!

追記:
という話を娘(高3)にしたところ、「フォントで迷ったらメイリオ! これ常識ね」 と言われてしまいました。父ちゃん知らなかったよ・・・orz

スポンサーリンク
コメント

2年ぐらい前だとXPユーザーがまだまだ多かったので使えない手でしたけどね。
メイリオの無いXPでサイトを見ると文章幅が大きく変わっちゃうので。
メイリオ前提にWeb画面作成できるようになってXP終了は個人的に嬉しいです。

コメントありがとうございます。

>2年ぐらい前だとXPユーザーがまだまだ多かったので使えない手でしたけどね。

そうだったんですか! 知りませんでした。
だから昔の設定はデフォルトが “MS Pゴシック” だったりしたんですね。

Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
トラックバック

このページのトラックバックURL:
https://www.typepad.com/services/trackback/6a01310f1f31c0970c01b7c74dcb86970b

このページへのトラックバック一覧 Webで読みやすいフォントはMeiryo(メイリオ):


プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku

    運営サイト
    www.mukairiku.net

ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

Blog powered by TypePad

スポンサーリンク