Apollo Manroku

2010年以前に書いた記事の過去ログ

美しい文字で読みたい! 2006年5月22日

Filed under: Internet — アポロ @ 11:08

ブログの記事を書いたり、Web サイトをデザインしたりするときに意外と気を使うのがフォントの指定です。記事の内容やサイトのイメージに合わせてフォントも選びたいところなのですが、パソコンの環境というのは人それぞれで、こちらが意図した通りに相手の画面上でも表示されているとは限りません。下手にフォントを指定したりすると、相手の画面上では文字化けしたり、レイアウトが大幅に崩れてしまったりと、不具合が生じる可能性が大きいので、一般的には「フォント指定はしない」というのが基本とされています。その方が見る人の方で好きなフォントを自由に設定できるので都合がいいのです。

私もメインの Web サイトの方では、基本的にフォント指定をせずに文章を書いていますが、こちらのブログの記事に関しては、もともと実験的に書き始めたものだったこともあり、主に明朝系serif)のフォントを指定して書いています。そのため、人によっては見づらいと感じることもあるかもしれません。

現在のところ、このブログの読者の大多数は Windows ユーザーだと思うのですが、Windows では画面上で通常使用されるフォントは"MS UI Gothic"か"MS Pゴシック"になっていると思います。このブログでも初期設定のフォントは"MS Pゴシック"になっています。これらのフォントは直線的で装飾が少ないので、ディスプレイの種類や画面の解像度に関わらず、そこそこ見やすい文字になっていると思います。

Windows にも明朝体のフォントがインストールされているので、それらを指定さえすれば表示はできるのですが、ゴシック体に比べると装飾的な文字なので、コンピュータの画面上ではきれいに表示できず、見づらいと感じる人もいます。しかし、Windows には文字をきれいに表示する機能(ClearType)があるので、これをうまく使えば、明朝体のような装飾的な文字でも画面上で見やすくなることもあります。それを見越して、このブログではあえて明朝系のフォント指定をしているというわけです。

文字をきれいに表示するための具体的な方法は以下のページで詳しく説明しているので、まずは、そちらをご覧ください。

さて、上記の方法で設定すれば文字はきれいに表示されるようになるはずなのですが、それだけではまだ、私のブログの記事の表示には変化はないと思います。実は、Windows に標準でインストールされている"MS P明朝"というフォントは、 23px 以上の大きなサイズにならないと ClearType の設定が有効にならないのです。23px というとどれくらいのサイズかというと、以下のような感じです。

この部分は 23px の明朝体で表示されます。

上の囲みの中の文字は ClearType が有効になってきれいに表示されていると思います。私のパソコンの環境では、23px くらいの文字サイズでブログの記事を読んでも特に問題はないのですが、やはり、人によっては大きすぎたり、小さすぎたりといったことで、見づらくなることもあるかもしれません。ただ、この仕様は"MS P明朝"や"MS Pゴシック"などの限られたフォントのものであって、他のフォントの場合には文字サイズが小さくても ClearType が有効になるものもあります。そこで、同じ明朝系でも"MS P明朝"以外のものがパソコンにインストールされていれば、それらを指定することで、きれいに表示できるようになるというわけです。

このブログの記事で指定しているフォントのうち、Windows を対象にしたものは以下のものがあります。

上記のいずれかのフォントのうち、どれかひとつでもパソコンにインストールされていれば、そのフォントで表示されるようになります。"HG明朝B"や"DF細楷書体J"については製品を購入しないと使えないのですが、"NFモトヤアポロ1"については無料で使うことができるので、ぜひダウンロードしてインストールしてみてください。このブログの見栄えがぐっとよくなりますよ。

2007/02/28 追記

最近の記事では、Windows Vista で採用された「メイリオ」というフォントも表示候補のリストに加えるようにしました。他のフォントよりは優先順位を低くしてありますが、ClearType が有効にならない "MS 明朝" よりはきれいに表示されるようになると思います。

2009/01/21 追記

「メイリオ」は Windows XP でも使うことができます。 Microsoft の以下の場所からダウンロードすることができます。

– © 2006 アポロのタロット占い

広告
 

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中