スタイルシートのフォント指定について

質問

お世話になっております。
CSSのフォント指定について、お伺いしたい事があります。

font-size:95%;

などの "%"指定なんですけど、100%は何が基準になっているのでしょうか？

font size="3" くらいですかね。具体的に何ピクセルか知りたいです。

あと、フォント指定をする時は相対的な単位で指定するのがベストと聞きましたが、"pt"や"px"　は、やめた方がいいのでしょうか。

どなたか知っている方いましたら、よろしくお願いします！

回答No.4

noname#107580 · ベストアンサー

こんにちは！

普通は％で指定するときには基準となるフォントサイズを親要素として決めておきます。

例えば、bodyに

body {
　　font-size: medium;
}

と指定しておきますと、指定が無い場合はmediumになり、％で指定するとそのmediumに対する％で表示されます。

親要素を指定していない場合は３が基準になります。

観覧者側がブラウザを【中】以外にしていると、それにあわせて、文字のサイズは変わります。

＞フォント指定をする時は相対的な単位で指定するのがベストと聞きましたが、"pt"や"px"　は、やめた方がいいのでしょうか。

どんなページかによって決まってくると思います。
大きく分けて、【読んでもらいたい】ページと【見てもらいたい】ページがあると思います。

このページ「教えて!goo」でしたら変更できた方が良いでしょうし、
アーティストやデザイナーや一般の人でも、デザインにこだわりを持って作っている人でしたら、サイズを固定してしまうのも有りだと私は思っています。

ただ固定するといっても最近のブラウザですと、固定されるのはWinのIEだけだったような気がしますが・・

お礼

分かりやすい説明ありがとうございました！
参考になりました！

回答No.3

selene_pl

「なにも指定しなかった場合」を100%として、それに対する割合の大きさです。
＃１の方も言っておられるとおり、ブラウザやOSでの設定で、そのピクセル数が違ってきます。

＞あと、フォント指定をする時は相対的な単位で指定するのがベストと聞きました
これは、その通りです。
pxなんかで指定されると、「この字が小さくて読みづらいから大きくしよう」と思っても
大きくできなくなるわけで、そういう意味では不親切なサイトになってしまいます。

また、例えば同じ14pxでも、解像度が800x600のディスプレイと
1600x1200のディスプレイでは、見た目の大きさが２倍も違ってきますので、
自分の環境ではある程度大きく見えるから安心、と言えないこともあるので、
pxやptなどの絶対的な指定は避けて、
『このサイトは解像度800x600、ブラウザの文字サイズ中で最適なデザインになっています』
みたいな注意書きに留めるのがいいでしょう。

お礼

ユーザーの事をよく考えてフォント指定するのは大事な事だと思いました！

ありがとうございました！

回答No.2

Riruka

＃１です。追記です(^^;
閲覧する側の標準フォントというのは設定してあるサイズのことで、
「中」サイズのことでじゃないです。

お礼

詳しくありがとうございました！
またよろしくお願いします！

回答No.1

Riruka

％での指定は、基本的に閲覧する側の標準フォントに対してのサイズです。
なので、ブラウザの設定によって変わってくると思います。
デザインにこだわるなら、ptとかで指定した方が良いんじゃないでしょうか？
下記URLのCSSリファレンスが結構詳しいですよ☆

参考URL：

http://www.hajimeteno.ne.jp/