いろいろなことをちゃんとしたいブログ

ちゃんとしたブログ

CSS

font-sizeの指定まとめ

投稿日:

font-sizeは一体何が標準なのか?
px指定で良いのか、それとも%指定が良いのか?はたまたemなのか?
僕自身、悩むことが多いので、いろいろな意見をまとめてみました。

パーセント指定派

”font-sizeはem,ex,%で相対指定(基準になるものとの比率で指定)するのがよいとされています。
Win IE6には,font-sizeをem,exで指定した場合のバグがあるようです。”
d-spia

”デザイナーは絶対指定で(つまりpx指定)自分が作ったラフ通りガッチガチに固定しろと主張する人がまだ多いと思うが、巷の流れに乗るなら相対指定にして然るべきという感じ。”
WebTecNote

”em指定のほうが極端に変動してしまうのだ。やってみれば分かるが、文字サイズを最小にすると小さすぎて見えない。このように他のブラウザと比べてみれば一目瞭然だが、%指定にしたほうがどのブラウザで見てもサイズの変動が小さい。結論としては、font-sizeを指定するときはemより%を使うべきだ。”
灰色地帯

”スタイルシートのフォントサイズの指定の基本はパーセントです。”
Note

”pxで固定してガチガチにデザインしようとするデザイナーもいると思います。ただ、ウェブにおいてユーザーが文字サイズを選択できないのは、ユーザービリティ・アクセシビリティ的にも良くありません”
サイブリッジラボ

”ユーザビリティーを考えると、
文字サイズを固定してレイアウト崩れを
回避する場合以外はpx指定より、
%指定するほうが、ベターであると言えます。”
CSSサンプルプログ

px指定派

”Webページのフォントサイズ指定は、pxで指定する。”
ぼくんちのTV

使い分け派

”InternetExplorerでは前述の理由で絶対値での指定が出来ないので、相対値で指定を行います。一方、Firefox, GoogleChrome, Safari, Operaに関しては、絶対値で指定を行います。”
kudox.jp

”emなどの相対サイズで指定するのは、本文のテキストだけにして、大きな見出しはpxで指定する折衷式もいいと思います。”
60おじぃのタグ打ちホームページ作成講座

”bodyへ指定する基準値を絶対指定しておいて、それ以外は相対指定しておけば、後で文句を言われても、bodyだけ相対指定に直せば大丈夫。”
DAICHIFIVE

参考リンク

font-sizeのパーセント表記一覧(webtech walker)
[CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック(coliss)
英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ(TRANS)
これは使える!rem (root em) 単位を使用したフォントサイズの指定(IT-Walker on hatena)
CSS3の「rem」でフォントサイズ指定(Tips Note)

-CSS
-,

Copyright© ちゃんとしたブログ , 2019 All Rights Reserved.