希望の結果を得るための正しいフォントサイズは何ですか？

Question

私は多くの記事を読んだことがありますが、今日は何が正しいのかよくわかりません。私はフォントサイズを適切に設定したいが、何を使うべきか分からない。

私はbody {font-size：100％}とbody {font-size：62.5％}を見ました。私はまた、font-sizeはpxでなければならない、またはpxでないことを読んだ。

今日は正しい方法はありますか？ IE 6が古くなり、7が徐々に時代遅れになった場合、ウェブサイトをカスケードするようにフォントを設定するにはどうすればよいでしょうか？

Answer 1

これは、あなたの個人的なプログラミングスタイルと好みに大きく依存します。

私自身は、フォントサイズをemで設定することを好みます。それで、私は、本文中の1つの数字を変更することで、ページ内のすべてのフォントサイズを調整できるという利点があります。

フォントサイズを100％または62.5％に設定すると、個人の好みやレイアウトによっても異なります。誰もあなたに最適な価値を伝えることはできません。なぜなら、あなたが個人的に好きで好きなことを誰も知らないからです。

Answer 2

あなたのフォントサイズは相対になりたい場合は、

body { 
    font-size: 62.5%; 
} 
p { 
    font-size: 1.2em; /* this is 12pixel */ 
} 

なぜ62.5％（FFとIEでテキストズームのための有用な）、62.5％を使用する必要がありますか？これはすべてのブラウザで有効な値です

Answer 3

これはあまり問題ではありませんが、より一般的なガイドラインです。これは、line-heightプロパティにも適用できます。これは、IEでかなりバグがあります。 UIの開発者として、私のワークフローは次のとおりです。

• 体上の画素値、一般的に12ピクセル、14px、16pxに、または18pxを設定します。 （これがデフォルトになります）。私はあなたのデフォルトのフォントサイズにパーセンテージを使用することを非常に避けるでしょう。私はまた、一般的に、全テキストのbody要素にパーセンテージまたはEMベースの線高を設定しました。

• EMを使用してテキストの値を定義します。一般的な段落を1.0emに、最初の子を1.25emに少し大きく設定することができます。ヘッダーを適切なサイズなどに設定します。それは実際にあなたが取り組んでいるサイトとあなたの好みによって異なります。

CSSを設定すると、高さが設定されると、それがカスケードします。デフォルトのfont-heightが12 pxで、すべてのdivを1.33emに設定してdivのサブ要素を1.25emに設定すると、非常に奇妙なfont-sizeを持つことになります...間違っていませんどのような手段であっても、ベストプラクティスではありません。

少し練習すれば、これはいつでもあなたのフォントサイズが何であるかを知る上で非常に流動的で、ブラウザ間でうまく機能します。

また、フォントサイズを増やす視覚障がい者にとっては、すべてのフォントサイズがデフォルトのピクセルサイズに基づいてパーセンテージになると想像できれば、すべてが通常よく伸びます。

体のフォントサイズを宣言した後にEMを設定するための優れたリソースはpxtoem.comです。

希望すると便利です。