Как уменьшить высоту текста, не влияя на размер шрифта?

Question

Я хочу уменьшить высоту текста, не изменяя его размер шрифта, как я могу это достичь? Я уже пробовал использовать свойство line-height, но не получил никакого решения. Благодаря

Answer 1

использование CSS3 transoformations масштабировать элемент, который содержит текст:

#skewed{ 
 
    font-size:50px; 
 
    -webkit-transform-origin:0 0; 
 
    -webkit-transform:scale(4,0.5); 
 
    -moz-transform-origin:0 0; 
 
    -moz-transform:scale(4,0.5); 
 
    transform-origin:0 0; 
 
    transform:scale(4,0.5); 
 
}

<p id="skewed">Banana</p>

Answer 2

Вы должны уточнить свой вопрос. Если вы хотите поместить текст в меньшем пространстве, можно просто уменьшить высоту строки, например:

<p> 
Lorem ipsum dolor sit amet, ad dicant appareat sea, no nibh iusto sea 
.No veritus omittam has, has maiorum splendide ne. Per mandamus 
repudiandae in, pri suas aperiam cu, quando meliore liberavisse 
nec te.Graeco sanctus convenire ne mea, dicant intellegebat an 
pri, quo ex iusto evertitur theophrastus. Id usu placerat 
consectetuer, alii feugait eam an, his no debitis dissentias. 
</p> 

p { 
    line-height: 0.7 /* replace 0.7 with the valuse that best suites you need*/ 
}