cssについて質問です。


文字の大きさの指定で、

例えば、14pxとして、文字の大きさを固定化する方法と、
例えば、120%として、文字の大きさを相対的にする方法と、
例えば、1.5emとして、文字の大きさを相対的にする方法と、

などがあると思うのですが、

今はどういった指定が一般的なのでしょうか?
また、どれが良い等はあるのでしょうか?

詳しい方、どうか教えてください。よろしくお願い致します。

回答の条件
  • 1人5回まで
  • 登録:2009/06/09 05:25:06
  • 終了:2009/06/16 05:30:02

回答(4件)

id:pahoo No.1

pahoo回答回数5960ベストアンサー獲得回数6332009/06/09 07:57:09

ポイント23pt

「em」を使うのが良いと思います。


W3C標準の「ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 CSS技術書」(日本語訳)に

フォントサイズを指定する場合は、単位として「em」を使う。

と記されています。

id:com111

emが良いのですか。

ありがとうございます!

2009/06/09 13:50:28
id:marietta55 No.2

marietta55回答回数206ベストアンサー獲得回数52009/06/09 15:45:07

ポイント23pt

1番回答の方のemは相対的で本当に良い方法です。

しかし一般的に面倒臭いからなのか、14pxとか指定しきってしまうのが最近は多いようです。

ブログなどはこの方法が多いように見受けられます



特に年配者とかが来るサイトでなければ老眼とかの心配があまりないので、指定しきっても大丈夫という考え方らしいです。

id:com111

なるほど。ありがとうございます!

2009/06/09 16:10:23
id:b-wind No.3

b-wind回答回数3344ベストアンサー獲得回数4402009/06/09 15:52:33

ポイント22pt

今はどういった指定が一般的なのでしょうか?

企業サイトなどでは px 指定が多いね。

おそらくは画像などとレイアウトを合わせるためだろうが、JavaScript で切り替えるようになっていたりであまり行儀がいいとは思えない。


また、どれが良い等はあるのでしょうか?

すでに回答が出ているとおり、 em で指定する。

文字サイズはブラウザ側で変更できるようにして、サイト側では相対指定のみにとどめるのがアクセシビリティが良いと見られるから。


% でもブラウザのバグでも無ければ同義のはずだけど、直感的ではないので。

id:com111

ありがとうございます!

2009/06/09 16:10:40
id:MinazukiBakera No.4

ばけら回答回数7ベストアンサー獲得回数12009/06/09 20:43:27

ポイント22pt

別の方がWCAG1.0のNoteが引用されていますが、最新のWCAG2.0にも同種の記載があります。

http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-...

こちらでは以下の3種が紹介されています。

・Using percent for font sizes (%指定)

・Using named font sizes (small,large などの指定)

・Using em units for font sizes (em指定)

上記3種のどれかを使う、あるいは組み合わせて使うのが良いでしょう。

組み合わせというのは意外に思うかもしれませんが、

body{

font-size: small;

}

と全体をざっくり指定した上で、

p{

font-size: 110%;

}

などと細かく指定するような使い方もあります。

pxやptなどの指定は、IE6などで文字サイズが変更できなくなりますので望ましくありません。

IE8登場以前は、

p{

font-size: 10px

_font-size: 75%;

}

のように、いわゆるCSSハックを使用して「IEのみパーセンテージ指定」などとすることも多く行われていましたが、最近はこのような書き方は少なくなりました。

id:com111

ありがとうございます!

2009/06/10 17:37:03
  • id:pahoo
    私は、まだ老眼にはなってませんが(笑)、MacやLinuxを使っている人なので、px, pt で決め打ちしたり、Microsoftな font-familyを指定するのは勘弁してください。
    Safari でブラウジングしていると読む気を失いますので。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません