¿Cómo obtener la altura real de un texto?

Haciendo referencia este ejemplo.
http://jsfiddle.net/uzgJX/

El resultado es la altura del cuadro que contiene el texto (el que puede ver si selecciona el texto con el mouse ...) wichi es mayor que la altura real del texto.
¿Hay alguna manera de obtener la altura real con jquery o plain js?
En el ejemplo probé con

text.height()

y

text[0].getBoundingClientRect().height  

sin suerte, dice 19px en lugar de 14px

Respuestas a la pregunta(1)

Su respuesta a la pregunta