font test skew

by meo

HTML

<strong class="d"><span>David</span></strong>

<strong class="a"><span>Aerne</span></strong>

SCSS

@import url(http://fonts.googleapis.com/css?family=Lato:900);
body {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 120px;
    font-weight: 900;
}

strong {
    display: inline-block;
    -webkit-transform: rotate(25deg);
    overflow: hidden;
    span {
        display: block;
        -webkit-transform: rotate(-25deg);
    }
    &.d {
        margin-top: 50px;    
    }
    &.a {
        -webkit-transform: rotate(-25deg);
        margin-top: -30px;
        margin-left: 170px;
        span {
            -webkit-transform: rotate(25deg);        
        }
    }
}