Test passes if the height of each orange bar is exactly the height of its respective black square on its right-hand side.
Blue characters = glyphs in serif, all with font-size set to 30px.
Orange bars = line box being tested.
Black squares = image reference for height comparison.
line-height: 1pc |
 font: 30px/1pc serif; |
line-height: 1in |
font: 30px/1in serif; |
line-height: 1mm |
font: 30px/1mm serif; |
line-height: 1cm |
font: 30px/1cm serif; |
line-height: 1px |
font: 30px/1px serif; |
lht1ex |
font: 30px/1ex Ahem; |
line-height: 1em |
font: 30px/1em serif; |
line-height: 10% |
font: 30px/10% serif; |
Blue characters = glyphs in serif, all with font-size set to 30px.
Orange bars = line box being tested.
Black squares = image reference for height comparison.