firstAudience : Website Design & Development

クライアントマシンに特定のフォントがインストールされているかどうかを調べる
(例 : メイリオを判別する)

JavaScript | March 12, 2010

画面のデザインにおいて、
ある部分の文字をどのぐらいの大きさにするかということは、美しさと読みやすさの両面にとって非常に重要な問題です。

lalit.orgでは、ユーザーが利用している書体を調べるアイデアが紹介されています。

例えば、MS Pゴシックと メイリオ を比べた場合、字体の大きさと字間が異なる為(メイリオの方が広い)、CSSでの設定が同じ級数(例えば12pt)であったとしても、1行に入る文字数は違ってきます。

上記のアイデアでは、これを逆手にとり JavaScript で font-family を判別しています。
この方法を使えば、ユーザ利用している書体に応じて文字サイズ調整することができます。より理想に近いレイアウトを再現することができそうですね。