Font-stretch

Posted on   |   In ,   |  

First of all, font-stretch doesn't work. I mean at least it doesn't work on Chrome. So how to stretch the text then ?

CSS 2D transform is the best savor I found.

1
<span class="stretch">stretching</span>

1
2
3
4
5
6
7
8
span.stretch {
    display:inline-block;
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
}

Kudos to : Timothy Perez@stackoverflow