フォントサイズ
- 公開日
- 2007年01月19日
アクセシビリティの観点から文字サイズは固定しない方がいい。
ただ、IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。更にFirefoxのデフォルトサイズが14px(ほとんどのブラウザのデフォルトサイズは16px)であることに配慮し、下記の設定を加える。
body{
font-size:62.5%;
}
html>body{
font-size:10px;
}
emを使ってpx感覚で操作する
デフォルトサイズを10pxになるよう%指定するのがポイント。そうすれば、12pxにしたい場合は1.2em、20pxにしたい場合2emと指定すればよい。
- 参考本
- Web Desigining 2006/12月号
- この記事に関するご意見・ご感想をお待ちしております。