Вопрос по html, css – При установке размера шрифта CSS в пикселях значение относится к ширине или высоте буквы?

25

Пиксельное значение размера шрифта относится к высоте шрифта или ширине шрифта?

CSS:

<code>.sixteen {
  font-size: 16px;
}
</code>

HTML:

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

Будет ли "а" быть 16 пикселей в высоту или 16 пикселей в ширину, или это похоже на максимальную ширину / высоту на обоих, чтобы весь символ помещался в поле размером 16 пикселей?

Вся документация, которую я видел для этого, была неоднозначной по этому вопросу.

Ваш Ответ

2   ответа
2

font-size Свойство указывает размер шрифта, независимо от того, какая единица измерения используется. Размер шрифта можно охарактеризовать как высоту шрифта, но даже это простое и прагматичное описание; символы могут простираться выше и ниже уровней, определяемых размером шрифта. Размер является более или менее абстрактным свойством, и не следует ожидать, что он будет соответствовать высоте (еще меньше ширины) любого символа.

В частности, было бы неправильно создавать шрифт, в котором буква & # x201C; a & # x201D; занимает всю высоту шрифта. Высота & # x201C; a & # x201D; обычно составляет около половины размера шрифта, но это, безусловно, зависит от шрифта (попробуйте протестировать с & # x201C; a & # x201D; в Times New Roman и Verdana, используя тот же размер шрифта).

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded<p style="font: 42pt Verdana; line-height: 1em; background: yellow; border: solid red 1px;">QÅgjþÊ</p>Error: User Rate Limit Exceededw3.org/TR/CSS2/fonts.html#font-size-props
24

в частности, от вершины восходящих элементов (например, h 'или' l '(el)) до нижней части спусковых механизмов (например, g' или 'y'). Смотрите интересную статью о типе анатомии наhttp://en.wikipedia.org/wiki/Typeface_anatomy.

Похожие вопросы