フォントの大きさ

質問

とあるサイトを制作して、上司からいつも、「フォントのサイズが小さい」言われます。
いくらかのサイトを見て、私はいつも大体10ptで作成しているのですが、12ptくらいになると大きく感じ、文字は見やすいのでしょうが、レイアウトが不恰好に感じます。
　そこで皆さんの意見をお聞かせいただきたいのですが、
１．文字の大きさはどのくらいが一番適しているのでしょうか？（ユーザの要望やターゲット層が高齢だと話しは変わりますが。）
２．１に対しての根拠・理由が書かれているサイトがあれば教えていただきたいのですが。

以上２点、よろしくお願いします。

回答No.4

pingu98 · ベストアンサー

本文は11ptくらいがいいかなぁと思って、自分のサイトでは11ptを基準に作っています。

根拠は、例えばA4で文字一杯の文書を作る時のフォントは10.5pt≒5号活字が一般的ですよね。
で、A4の用紙を読むときとPCの画面を見るときでは、PCの方が距離が遠め（じゃないですかね？）ですし、目への負担も若干大きいでしょうから、気持ち大きめと(笑)。

それと、フォントフェィスの問題もあると思います。
windowsの場合はＭＳＰとかＭＳゴシックで表示させてる方が多いと思いますが、これって紙メディアのフォントより可読性劣ると思うんですよね。なので、紙DTPに比べて若干大きめにした方がいいのかなぁと。

ただ、気をつけなくてはいけないのは、SXGA/17inchモニター/96dpiブラウザに於いては11ptがほぼ11ptのサイズで出力されますが、XGA/15inchモニター/96dpiブラウザでは11ptの指定は1.125倍の12.375ptで出力されるっていう点です。
まぁ、ピクセル値でデザインしてあれば文字だけでなく全体的に1.125倍になるので良いと言えば良いのですが、この逆をやるとよくないです。
つまり、XGA/15inchモニター/96dpiブラウザ環境で例えば10pt指定で「いい感じ」の大きさに思えたとしても、SXGA/17inchモニター/96dpi環境では文字が約89%の大きさで小さすぎとなる可能性がありまよという。。

それと、webの大きな魅力のひとつはアクセシビリティでもあるので、やっぱり必要な人は文字を大きくして読めるっていう工夫は大切だと思います。JavaScriptでもCSS切り替えでも、はたまたブラウザの機能を使わせる方法でもいいとは思いますが。。これはまた別問題なので言及しません。

質問の2番目は多分このページです(笑)。私も色々探したんですけど、web上のフォントに対する考察はアクセシビリティの事ばかりで、「web製作者側から読みやすいフォントサイズを提案する」という考えの方は少ないようで・・・。

回答No.6

ao_

自分は相対サイズを使用しています。
bodyに100％、基本を0.75emで制作しています。
UAによって標準フォントサイズや表示の設定が異なることを前提にそうしています。

回答No.5

pingu98

追加ですが、「読みやすさ」で言えば、フォントサイズと同時にline-heightも重要な要素です。

これはどこかのサイトで見たのですが、日本語の場合、行間が60%より小さくなると著しく可読性が下がるそうです。
そんなわけで、私的には行間は80%となるように、CSSではline-height180%の指定を基本にしています。

回答No.3

kwgm

文字サイズの指定は特にする必要はありません。
そのページを見る人のブラウザの設定値で表示してもらえばいいのでは？
文字サイズの指定を止めれば誰からも文字が小さいとは言われなくなると思いますよ。

回答No.2

JeanneNet

こんにちは、じゃんぬねっと です。

通常は pt 決め打ちじゃなくて、em や % などの相対値で決定すべきです。
シェア No.1 の IE では pt で決定してしまうと、
表示 --> 文字のサイズでの変更が適用されませんから。

もし、やっているのであれば、その上司に、
　「"どんな方でも" 見やすいようにアクセシビリティを考慮してあります」
　「もし、小さいのであれば、フォントのサイズを変更するのが普通です」
と言えるはずです。

回答No.1

bob_n

サイトのフォントはIEの場合、表示から文字のサイズで５段階に調節出るのでレイアウトが不恰好になっているかもしれません。gooのスポンサーリンクのフォントのサイズが最小にするとちょっと見ずらいです。小でちょうどいいぐらいです。1024x768で見ています。
プログラムを組むときなど、IEみたいに相対的に大きさが変えられない場合は、10ptです。