When setting CSS font-size in pixels, does the value refer to the width or height of a letter?

The height - specifically from the top of the ascenders (e.g., 'h' or 'l' (el)) to the bottom of the descenders (e.g., 'g' or 'y'). See the interesting article on Type Anatomy at http://en.wikipedia.org/wiki/Typeface_anatomy.


The font-size property specifies the size of the font, no matter what unit is used. The size of a font can be characterized as the height of the font, but even this is just a loose and pragmatic description; characters may extend above and below the levels defined by the size of the font. The size is a more or less abstract property, and it should not be expected to correspond to the height (still less the width) of any character.

In particular, it would be all wrong to design a font where the letter “a” occupies the full height of the font. The height of “a” is typically about half of the font size, but this surely varies by font (try testing with “a” in Times New Roman and in Verdana, using the same font size).

Tags:

Html

Css