Có thể điều chỉnh tỷ lệ dọc của phông chữ bằng CSS không?

Question

Tôi đang sử dụng phông chữ được nhúng cho các phần tử điều hướng hàng đầu trên một trang web Helvetica65 và tại 16px nó là WIDTH hoàn hảo nhưng tôi cần nó là về chiều cao hiện tại của nó.

Trong Photoshop, giải pháp rất đơn giản - điều chỉnh tỷ lệ dọc.

Có cách nào để làm cơ bản cùng một điều bằng cách sử dụng CSS không? Và nếu có, làm thế nào cũng được hỗ trợ?

Dưới đây là jsFiddle mã hóa nav cơ bản.

Answer 1

transform tài sản có thể được sử dụng để mở rộng văn bản:

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