フォントサイズの単位はどれでするのがいいのでしょう

ブログのフォントサイズの指定は一般的にCSS(スタイルシート)で行いますが、CSSにはフォントサイズの指定単位がいろいろとあるんですよね。どの単位で指定するのがいいのでしょうね。

いろいろあると言っても大きく分類すると絶対指定と相対指定の2種類です。

絶対指定ではpx、ptといった単位を使います。それぞれピクセル数とポイント数でフォントサイズを指定するのですが、この単位で指定すると常に指定したサイズで表示される事になります。例えば14pxと指定すれば、このブログの記事部分のフォントサイズとなります。

相対指定では%、emといった単位を使います。こちらでは基準となるフォントサイズに対して、何％か、何倍かで指定する事になります。基準となるフォントサイズによって、ブラウザに表示されるサイズが変わります。

ユーザビリティ的にはemなどによる相対指定でフォントサイズを指定することが推奨されています。相対指定でフォントサイズをしていると、訪問者がブラウザの表示設定で文字のサイズを変更する事で、ブログの文字のサイズを変えることができるからです。

例えば、小さな文字を読みにくい方や、画面の小さな方は文字を大きくし、１画面内にたくさん表示したい方は文字のサイズを小さくしたりといった事が可能になります。訪問者にとっての使い勝手の良さという点ではやはり相対指定が良いでしょう。

私はこれまで、主にemで指定したのですが、先日pxに変更してしまいました。私にとってはemなどの相対指定より、絶対指定であるpxの方が都合が良かったからです。ユーザビリティを無視したカスタマイズですね＾＾；

ただ、これにも理由があるのです。

たいした理由ではありませんが、相対指定だと、ブラウザの設定によってはブログのレイアウトが崩れるのです。フォントを小さくしても読みにくいだけだし、大きくするとサイドバーが下に落ちたりすることもあります。いくらユーザビリティ的に推奨でも、レイアウトが崩れてしまうと明らかに逆効果ですからね。

ただ、やっぱり思い直しまして、記事の部分だけはemにしようかと思っています。絶対指定と相対指定のどちらがいいと言うよりも、一番良いのはフォントサイズを変更しても崩れないブログにする事ですよね。この記事を書いていてそう思いました＾＾；

追記：
フォントサイズの指定方法にはこれ以外に、small、largeといったキーワードを使う方法もあります。私が最初に選択したライブドアブログのテンプレートでは、この方法で指定されておりましたが、いまいちメリットが分からず、使いにくいだけですよね。そんなことはありませんか？

Comments

emだと、ブラウザでの文字サイズ変更時に、文字の大きさの変わりっぷりが激しくなっちゃうみたいです。％指定だと大丈夫なようで。
こちらで解説してありました⇒http://sho.tdiary.net/?date=20021206#p02

Posted by つつい at 2005年06月19日 01:16

つついさん、どうも。
なるほど。emにはそういった特性があるんですね。確かに％指定の方がよさそうです。

情報ありがとうございます。

Posted by hammer at 2005年06月19日 22:52

はじめまして
突然すみません
こちらを参考にしながら一生懸命頑張ったのですが
どうしても自分のﾌﾞﾛｸﾞの記事の幅
正確に言うと一行に入る文字の数を変えることが出来ません
自分のﾌﾞﾛｸﾞで言うとあともう少し一行に入る文字を増やしたいのです
文字の大きさはそのままで文字列を増やす事ってできるのでしょうか？

Posted by はにい＠晶子 at 2005年07月31日 09:16

はにい＠晶子さん、はじめまして。
お返事が遅くなりました＾＾；

一行辺りの文字数を増やすという事はおそらく余白を小さくすればいいと思います。
ちょっとここでは説明しきれないのです＾＾；CSSでマージンの値を小さくすれば良いのですけどね。また記事にします・・・

Posted by hammer at 2005年08月02日 00:52

コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾