Css, line-height

I am trying to figure out how line-height in css works. I am setting body line-height to 1.5em ( 24px ). And I am using a link tag with font-size 24px.

I am expecting the total height of the inline element to be 24px. With times new roman it works as expected but when i use a custom font say open sans latin extended, the height of my link is 33px.

I think line-height changes according to the font-face used. Am i right?