È possibile regolare il ridimensionamento verticale di un font tramite CSS?

Question

Sto usando un carattere incorporato per gli elementi migliori di navigazione su un sito Helvetica65 e al 16px che è la larghezza perfetto, ma ho bisogno di essere su 90% della sua altezza attuale.

In Photoshop, la soluzione è semplice: regola il ridimensionamento verticale.

C'è un modo per fare essenzialmente la stessa cosa usando i CSS? E se sì, come è supportato lo ?

Ecco uno jsFiddle della codifica di base del nav.

Answer 1

transform proprietà può essere utilizzata per scalare il testo:

.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 */ 
}