【整ったサイト:文字の大きさ・フォント編】
このサイトは全てのページに同じスタイルシートを使用しています。スタイルシートとは、文字の大きさやフォント、行間、スクロールバーの色などの設定を行えるソースのことです。
このサイトは行間を広めに設定しています。行と行との間がずいぶん開いていますよね。スタイルシートを使っていないサイトと比べて読みやすいかと思います。フォントはあえていじらず、なれた文字の形にし、文字の大きさは12pxに設定しています。文字は大きいサイズより、小さいサイズのほうがプロっぽさを感じられるようです。大きいとなぜかダサく感じられるのです。読みやすさで言えば大きいサイズかもしれませんが、12pxぐらいの大きさのほうが無難でしょう。また、11pxや13pxのサイズはMACでうまく表示されませんので、避けましょう。
そして、大切なことは、サイト内で大きさなどをそろえ、一貫させることです。一番良いのは、全てのページに同じスタイルシートを適用させること。スタイルシートについては「とほほのスタイルシート入門」に詳しく載っていますよ(^^)
スクロールバーはサイトのイメージにあわせてチェンジすると、それだけでサイトのイメージが変わって面白いですよ。スクロールバーのソースは「0-enShop!スクロールバー専門街」に沢山おいてありますのでぜひ使ってみてください。(私が作ったサイトです。)
|