Better faux italic for oblique text

Save on unnecessary font downloads.

HTML

<b>Faux italic</b>
<p class="one">Grumpy wizards make toxic brew for the evil Queen and Jack.</p>

<b>CSS skewX(-8deg)</b>
<p class="two">Grumpy wizards make toxic brew for the evil Queen and Jack.</p>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:300);
body {
    font-family: sans-serif;
    font-size: 15px;
}
p {
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 1em;
}
.one {  
    font-style: italic;
}
.two {
    transform: skewX(-10deg);
}