Font-size, line-height and line boxes

The later test reqire Ahem font.

line-height: 0.68;

XpÉ +eta–x- OQ_ξ

line-height: 1;

XpÉ +eta–x- OQ_ξ

line-height: 1.12; A test, hightlight the below line in Firefox, IE and note that the hightlighted content is the same height at the line-height. The same result would be seen if the content was wrapped in a span which had a background color.

XpÉ +eta–x- OQ_ξ

line-height: 1.17; This matches the below example with default line-height.

XpÉ +eta–x- OQ_ξ

Default

XpÉ +eta–x- OQ_ξ

line-height: 1.2;

XpÉ +eta–x- OQ_ξ

line-height: 0.8;

X pÉ

line-height: 1; This matches the below example with default line-height in WebKit, IE8, IE9, IE10 preview 2 and Opera 11.60.

X pÉ

line-height: 1.2; This matches the below example with default line-height in Firefox.

(except WebKit and Opera which is line-height: 1)
X pÉ

Default

X pÉ