Is it possible to have a custom italic css property that is less slanted?

Question

I am following a design that contains a slanted text.
I used font-style:italic but the result is too much.

I am finding a way to make a custom css to have class that will make the text a little less slanted than the default italic property.

See images below: (left = design; right = html/css)

Is there a way? Is this possible to achieve (even using a different approach)?

Answer 1

You can try with CSS3 skew() property like this :

See this fiddle

h1
{ 
text-transform: uppercase; 
font-family: arial; 
transform: skew(-13deg);
-webkit-transform: skew(-13deg);
}