ことば・その周辺

バックグラウンド・カラー(以下「背景色」と表記)指定した文字列の部分に注目すると、メイリオは上下の行の背景色が融合してしまっています。しかも、背景色が指定されていない文字の上部に上の行の背景色がかぶさっています。もし上の行に "y","g" などの文字があれば下の行の背景色が上の行の文字の下部にかぶさるということも起こるでしょう。また、line-height を 110％以下にしてみると分かるのですが、行間が不十分だと下の行の背景色のために上の行(背景色のかかっている文字列部分のみ)下部が隠されてそれらの文字の下側の一部が欠けてしまいます。

また、line-height が 120％以下では MeiryoKe_Gothic, MeiryoKe_PGothic も背景色部分の分離が不完全になります(130％以上にすれば完全に分離します)。しかしメイリオは line-height を 165％以上にしないと完全に分離させることができません。

つぎに横方向の文字間隔を見てみましょう。上の表示例のうち MeiryoKe_Gothic, MiryoKe_Console, MS ゴシック, EPSON 丸ゴシック体M, TBゴシック が等幅フォント系で、英数字(1バイト文字)の横幅が漢字・仮名(2バイト文字)のちょうど半分になっています。そのため、メイリオや MeiryoKe_PGothic, MS Pゴシック, TBゴシック などのプロポーショナル・フォント系の英数字よりも幅が狭くてやせ細った感じがします。反対にプロポーショナル系の英数字の方が丸みがあってゆったりとしています。いずれにせよ各フォントの字詰めはそれぞれ個性がありますが、MeiryoKe_Gothic, MiryoKe_Console, EPSON 丸ゴシック体M は MS ゴシック の字詰め間隔に一致するように作られていることが分かります。

かつて MS-DOS には、等幅フォントしかなかったので、日本語ワープロやエディタでは 2バイトの文字コードで表わされる漢字・仮名等の文字を全角文字、1バイトの文字コードで表わされる英数字や記号を半角文字と呼んでいました(NEC の PC-9801 や PC-9821 には 2バイトの半角仮名なんていうのもありましたね――実は PC-9821Ra のワープロ「松」で私は今でもこの 2バイトの半角仮名を使っています)。現在私が愛用している MIFES というエディタや WinFD というファイラーではいまだに等幅のフォントしか使えません。しかし、日本の書籍は漢字・仮名に対して英数字はその幅が半分というのが基本ですので、行末や行頭の禁則処理さえきちんとできれば等幅フォントで表示するのが一番読みやすい、と私は思っています。現実はブラウザの行末・行頭処理が無茶苦茶ですので等幅でも行末が揃わないことが多くて、みっともない表示になってしまいます。

なお、このブログ『ことば・その周辺』の記事本文は〔font-size:100%; line-height:160%〕になっています。ブラウザのフォントサイズ設定がデフォルトのままなら、12pt のサイズで表示されていると思います。一般的なブログよりも大きめになっています。私自身、老眼のゆえに疲れてくると小さな文字では読みとるのがつらいのでこのように大きくしています。といいながら、Firefox のオプションで 15px を指定しているので、普段は 11pt のサイズで読んでいるわけです(でも、MS ゴシックだと 11pt では辛いかもしれません)。もし、文字が大きすぎるようでしたら、ブラウザで適切な大きさにしてご覧下さい。(IE や Firefox は Ctrl＋ホイール で簡単に文字の大きさが変えられますね。他のブラウザのことは分かりませんが…)。

(関連記事)

(トラックバックを送った記事)