That seems like a lot of work to get the effect you are after. I would suggest that you consider another typeface.
I am given to understand that ‘font-stretch’ (http://dev.w3.org/csswg/css3-fonts/#font-stretch-prop) is under consideration but no browser supports it as yet. If you feel the need to skew the italics to get the effect you want then so be it but again, the browser support is not great.
@Paulie_D Thanks for your input. It just seems a little frustrating that you can’t match the typography on a comp with a browser. I suppose I could make an image but I am designing responsively and it would be nice top keep the images to a minimum.
@tobeeornot Yeah, that’s not a good idea. I also don’t understand why you’re completely transforming the shape of the letters? There are plenty of display typefaces that have a much taller character height.