CSSを使ってフォントの垂直方向のスケーリングを調整することはできますか？

Question

私は、サイト上の上部のナビゲーション要素に埋め込みフォントを使用しています。 Helvetica65と16pxは完全な幅ですが、 約90%である必要があります。

Photoshopでは、解決方法は簡単です。垂直方向のスケーリングを調整します。

CSSを使用して本質的に同じことを行う方法はありますか？もしそうなら、どのように もサポートされていますか？

ここには基本的なnavコーディングのjsFiddleがあります。

Answer 1

transformプロパティは、テキストをスケーリングするために使用することができます。

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