Bir yazı tipinin dikey ölçeklemeyi CSS kullanarak ayarlamak mümkün müdür?

Question

Bir sitede Helvetica65 üst seyir elemanları yerleştirilmiş bir yazı kullanıyorum ve 16px de mükemmel GENİŞLİK ama o olmak yaklaşık 90% bunun geçerli yüksekliği var gerekiyor.

Photoshop'ta çözüm basittir - dikey ölçeklemeyi ayarlayın.

Esasen CSS kullanarak aynı şeyi yapmanın bir yolu var mı? Ve eğer öyleyse, nasıl iyi desteklenir?

Temel nav kodlamanın bir jsFiddle.

Answer 1

transform mülkiyet metni ölçekli kullanılabilir:

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