http://fordinteractive.com/tools/emchart/
サイトを作成していると、いつも文字サイズで悩みます。
印刷物の場合は、文字間を詰めたり、高さを調節したりできるのですが、ホームページの場合は見る人のパソコン環境によって大きく変わります。
文字の配置が、サイトの見栄えを大きく左右するので、最近は、単位を「em」でスタイルシートを組んだりしています。
CSSでフォント指定をしていない場合、ブラウザはfont-sizeを16pxで表示します。これを利用してbody要素にfont-size: 62.5％を予め指定しておくと、換算値で「10px = 1em」となり、emフォントをpx単位で計算できるようになるのですが・・・
どうもややこしいですよね。
経験からいうと、
文章として読ませるのは「em」
デザイン的に文字を並べるときは「px」
今回、サイトリニューアルに伴いチャートで確認しながら文字サイズを決めてみました。
どのみちMacの方が、綺麗に見えるんでしょうけど・・・
できるだけWindowsでも綺麗に見ていただけるようにがんばってみました。