Home/ Questions/Q 6042507
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T06:47:53+00:00

Image below displays the result for: div.test { background: #00F; font-size: 50px; line-height: 50px;

  • 0

Image below displays the result for:

div.test { background: #00F; font-size: 50px; line-height: 50px; color: #FFF; margin: 50px 0; font-family: Wiesbaden; }

One using Wiesbaden (which is font-face) and the other without.font-face font seem to ignore the line-height property.

screenshot

Is it font-face issue or the font?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In short, it’s not an issue with either. They’re behaving exactly how they should be. See your blue background? That’s your line-height. Line-height doesn’t affect the font itself, but rather the spacing of the lines of the text.

    Some fonts are different sizes even when set to the same font-size. It’s the way the glyphs are rendered. If you want your text larger, increase the font size. If you want fallbacks to be the same size, you can use similarly-sized fonts (look up “font stack generators” for help on this), or check out the CSS3 font-size-adjust property (do note that it is CSS3, so you’ll want to double-check support of it).

    • 0