2011-06-21 3 views
1

私はCSSのリセットを適用した後、h1、h2、h3などのタグを標準化する方法を探していますが、これはデザインに大きく依存していることがわかりますが、サイトでは「ゴールデン行の高さとマージンボトムの間の「比率」によって、ヘッダーがページ上で見やすくなり、読みやすさが向上します。CSSの見出しタグ「標準」?

このようなことを知っている人はいますか?

答えて

2

これは、使用するフォントに大きく依存すると思います。

より良い見出しと本文のフォントサイズとの関係 を理解するために、我々 は分割は、ボディフォントサイズの比率にヘディング

:とはいえ、スマッシングマガジンは、この「経験則」を与えます各ウェブサイトの見出しフォント のサイズを本文のフォントサイズで指定します。私たちは、これらの比率の 平均を取り、 がで 仕事にあなたのための経験則を導出:フォントサイズ÷ボディコピーフォント サイズを見出し

= 1.96

全体の値が、その後、1.96です。この は、ボディコピーのフォント のサイズを選択したときに に2を掛けて、 の見出しフォントサイズを取得することを意味します。これはもちろん、 はあなたのスタイルによって異なります。 のルールは、 デザインに最適なサイズであるとは限りません。 もう1つの選択肢は、 伝統的なスケール(6,7,8,9,10,11,123,164,10617,451,,12,14,16,18,21,24,36,48,60, 72)またはフィボナッチシーケンス(例えば、 16 - 24 - 40 - 64 - 104)は、自然になるためには となります。

http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/

+0

うん、私はそれが、リンクのおかげで非常にサイト固有の問題だろう考え出しました! – javiervd

+0

@javiervd喜び! –

関連する問題