¿Es posible ajustar la escala vertical de una fuente usando CSS?

Question

estoy usando una fuente incorporada por los primeros elementos de navegación en un sitio Helvetica65 y al 16px que es el ancho perfecto pero necesito que sea sobre 90% de su altura actual.

En Photoshop, la solución es simple: ajuste la escala vertical.

¿Hay alguna manera de hacer esencialmente lo mismo con CSS? Y si es así, ¿cómo es compatible con ?

Aquí hay un jsFiddle de la codificación básica de navegación.

Answer 1

transform propiedad puede ser utilizada para el tamaño del texto:

.menu li a { 
    color: #ffffff; 
    text-transform: uppercase; 
    text-decoration: none; 
    font-family: "HelveticaNeue-Medium", sans-serif; 
    font-size: 14px; 
    display: inline-block; 
    transform: scale(1, 1.5); 
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */ 
    -moz-transform: scale(1, 1.5); /* Firefox */ 
    -ms-transform: scale(1, 1.5); /* IE 9+ */ 
    -o-transform: scale(1, 1.5); /* Opera */ 
}