I was looking for ways to shrink a paragraph using CSS and I crossed paths with transform
Although transform has many uses, I used it to shrink text so it could fit in a smaller container without having to decrease its size.
width reduced by 25%
-webkit-transform: scale(0.75, 1); -moz-transform: scale(0.75, 1); -ms-transform: scale(0.75, 1); -o-transform: scale(0.75, 1); transform: scale(0.75, 1);
Since scale(0.75, 1) deals with multipliers, declaring 0,75 to reduces the width (X) by 25% while 1 maintains the height (Y) ratio. For an incredibly malleable font I recommend using Reglo fonts.
What's the catch? The actual width stays the same, only its contents are shrunk. Also, centering is more painful to achieve.