Kann die vertikale Skalierung einer Schriftart mit CSS angepasst werden?

Question

ich auf einer Website eine eingebettete Schriftart für das Top-Navigationselement bin mit Helvetica65 und bei 16px ist es die perfekte WIDTH, aber ich brauche es über 90% von seinem aktuellen Höhe zu sein.

In Photoshop ist die Lösung einfach - passen Sie die vertikale Skalierung an.

Gibt es eine Möglichkeit, im Wesentlichen dasselbe mit CSS zu tun? Und wenn ja, wie wird es unterstützt ?

Hier ist ein jsFiddle der grundlegenden Nav-Codierung.

Answer 1

transform Eigenschaft kann verwendet werden, um Text zu skalieren:

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