2015-10-04 19 views
6

मेरे पास यह बात है जब मैं font-size नहीं बदलना चाहता हूं लेकिन दो गुण जो स्वतंत्र रूप से टेक्स्ट की चौड़ाई और ऊंचाई को बदलना चाहते हैं। भी ऊंचाई संपत्ति के साथफ़ॉन्ट ऊंचाई और चौड़ाई बदलें

enter image description here

सीएसएस के साथ क्या करना यह संभव है,: तो जब font-width: 50% इस के लिए आवेदन:

enter image description here

पाठ आधा करने के लिए बढ़ाया जाना चाहते हैं?

p { 
 
    display: inline-block; 
 
    font-size: 32px; 
 
    transform: scale(.5, 1); 
 
}
<p>This is text.</p>

उपयोग X- और Y- अक्ष क्रमशः के लिए समारोह में दो नंबर:

+1

"अगर आपका आलसी यहाँ एक बेवकूफ है "। सुनिश्चित नहीं है कि यह कैसे नीचे जा रहा है। इस jquery के साथ मदद कर सकता है। जहां आप कोई संख्या बनाते हैं और 2 सीएसएस गुणों को बदलते हैं। बस स्पष्ट होने के लिए आप स्वतंत्र रूप से पाठ की चौड़ाई और ऊंचाई को नियंत्रित करना चाहते हैं। –

+0

पल में आप चौड़ाई को कैसे नियंत्रित कर रहे हैं http://stackoverflow.com/questions/15649244/responsive-font-size यह –

+0

मदद कर सकता है सीएसएस में एक फ़ॉन्ट-चौड़ाई वाली खिंचाव संपत्ति है लेकिन यह वर्तमान में सभी द्वारा असमर्थित है प्रमुख ब्राउज़र –

उत्तर

4

आप एक्स दिशा में फ़ॉन्ट स्केल करने का प्रयास कर सकते हैं।

p{ 
    -webkit-transform: scaleX(0.5); 
    transform: scaleX(0.5); 
} 

--EDIT--

मैं @Xufox देख alredy यह जवाब दे दिया।

1

निकटतम बात मैं पा सकते हैं font-weight

यह न केवल, बोल्ड सामान्य लेकिन यह भी संख्यात्मक मान स्वीकार करता है। 100 वृद्धि में 100-900।

. Paragraph {font-weight :700;} 

इस ऊंचाई गुण की मदद करनी चाहिए के साथ संयुक्त लेकिन आप

भी पूर्ण समाधान नहीं देंगे रिक्ति गुण को देखने के रूप में आप शब्द की चौड़ाई को कम कर सकते हैं कि जिस तरह से

letter-spacing: 2px; 
संबंधित मुद्दे