Change font height and width

Question

I want to change not the font-size of text, but two independent properties relative to its width and height. So, by applying font-width: 50% to this element:

the text would be stretched to half:

Is this possible to do using CSS?

Answer 1

CSS transform has the scale function for this:

p {   display: inline-block;   font-size: 32px;   transform: scale(.5, 1); }

<p>This is text.</p>

Use the two numbers in the function for X- and Y-axis respectively.

Answer 2

You can try scaling the font in x direction.

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