In photoshop, I have got a font set at 200% in vertical scaling. Can I replicate that in CSS?
Also, the italics applied in CSS seem too slanted to me, so I adjusted it manually using the CSS transform property. Is that not suggested or is it ok?
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.
@ChristopherBurton & @TheDoc – yeah, that is the way forward. I tested a another couple of fonts that didn’t look great on the comp but look pretty cool on the browser.
By the way @ChristopherBurton using Sublime Text2 now and loving it. Seems to be far more leaner and meaner than DW, although I am glad I started with DW as it was a good starting point for me.
