サイトの文字の大きさ・単位は?

20101007

http://fordinteractive.com/tools/emchart/

サイトを作成していると、いつも文字サイズで悩みます。

印刷物の場合は、文字間を詰めたり、高さを調節したりできるのですが、ホームページの場合は見る人のパソコン環境によって大きく変わります。

文字の配置が、サイトの見栄えを大きく左右するので、最近は、単位を「em」でスタイルシートを組んだりしています。

CSSでフォント指定をしていない場合、ブラウザはfont-sizeを16pxで表示します。これを利用してbody要素にfont-size: 62.5%を予め指定しておくと、換算値で「10px = 1em」となり、emフォントをpx単位で計算できるようになるのですが・・・

どうもややこしいですよね。

経験からいうと、

文章として読ませるのは「em」

デザイン的に文字を並べるときは「px」

今回、サイトリニューアルに伴いチャートで確認しながら文字サイズを決めてみました。

どのみちMacの方が、綺麗に見えるんでしょうけど・・・

できるだけWindowsでも綺麗に見ていただけるようにがんばってみました。