[解決済み] H1-H6タグで最も一般的なフォントサイズとは [終了した記事］

質問

一般的なベスト プラクティスの基準として、どこから始めればよいのか、いつも迷っています。たしかに、デザインによって異なることは承知していますが、最も一般的なものは何でしょうか。

私が現在スターターとして持っているものはこちらです。

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

はい、今の職場ではEMは使っていません。

どのように解決するのですか？

ブラウザのデフォルトのスタイルシートに依存すると思われます。CSS2.1 User Agent スタイルシートのデフォルトの (非公式の) テーブルを見ることができます。 はこちら .

上記のページを元にすると、デフォルトのサイズはこのようになります。

    IE7     IE8     FF2         FF3         Opera   Safari 3.1
H1  24pt    2em     32px        32px        32px    32px       
H2  18pt    1.5em   24px        24px        24px    24px
H3  13.55pt 1.17em  18.7333px   18.7167px   18px    19px
H4  n/a     n/a     n/a         n/a         n/a     n/a
H5  10pt    0.83em  13.2667px   13.2833px   13px    13px
H6  7.55pt  0.67em  10.7333px   10.7167px   10px    11px

現在では、すべてのモダンブラウザで デフォルトと同じ値 .