Czy można dostosować pionowe skalowanie czcionki za pomocą CSS?

Question

używam wbudowanego czcionki na górnych elementów nawigacyjnych na stronie Helvetica65 iw 16px jest idealnym Szerokość ale muszę go mieć o 90% z niego jest aktualna wysokość.

W programie Photoshop rozwiązanie jest proste - dostosuj pionowe skalowanie.

Czy istnieje sposób na wykonanie tej samej czynności za pomocą CSS? A jeśli tak, to w jaki sposób jest obsługiwany?

Poniżej znajduje się jsFiddle podstawowego kodu nawigacyjnego.

Answer 1

transform nieruchomość może być używana do skalowania tekstu:

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