30

font-size のピクセル値は、フォントの高さまたはフォントの幅を指しますか?

CSS:

.sixteen {
  font-size: 16px;
}

HTML:

<span class='sixteen'>a</span>

「a」は高さ16ピクセルまたは幅16ピクセルになりますか、それとも文字全体が16ピクセルのボックスに収まるように両方の最大幅/高さのようなものですか?

これについて私が見たすべての文書は、この問題に関してあいまいでした。

4

3 に答える 3

33

高さ - 具体的には、アセンダーの上部 (例: 'h' または 'l' (el)) からディセンダーの下部 (例: 'g' または 'y') まで。http://en.wikipedia.org/wiki/Typeface_anatomyで型の解剖学に関する興味深い記事を参照してください。

于 2012-04-27T15:50:30.213 に答える
2

このfont-sizeプロパティは、使用される単位に関係なく、フォントのサイズを指定します。フォントのサイズはフォントの高さとして特徴付けることができますが、これでも緩く実用的な説明にすぎません。文字は、フォントのサイズで定義されたレベルの上下に拡張できます。サイズは多かれ少なかれ抽象的なプロパティであり、文字の高さ（幅よりも小さい）に対応することを期待するべきではありません。

特に、文字「a」がフォントの高さ全体を占めるフォントを設計することはすべて間違っています。「a」の高さは通常、フォントサイズの約半分ですが、これは確かにフォントによって異なります（同じフォントサイズを使用して、Times New RomanとVerdanaで「a」を使用してテストしてみてください）。

于 2012-04-27T17:58:28.003 に答える