क्या सीएसएस का उपयोग कर फ़ॉन्ट के वर्टिकल स्केलिंग को समायोजित करना संभव है?

Question

मैं एक साइट Helvetica65 पर ऊपरी नेविगेशन तत्वों के लिए एक एम्बेडेड फ़ॉन्ट उपयोग कर रहा हूँ और 16px पर यह सही चौड़ाई है, लेकिन मैं यह होने के लिए इसके बारे में के बारे में 90% वर्तमान ऊंचाई है की जरूरत है।

फ़ोटोशॉप में, समाधान सरल है - लंबवत स्केलिंग समायोजित करें।

क्या सीएसएस का उपयोग करके अनिवार्य रूप से वही काम करने का कोई तरीका है? और यदि हां, तो अच्छी तरह से समर्थित है?

यहां मूल नौसेना कोडिंग का 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 */ 
}