(Hopefully I've posted this in the right section...)
I'm putting together a website, and I thought I'd give using the @font-face feature a whirl, to allow me to embed some non-standard typefaces. My initial efforts to get this working are using ITC American Typewriter, font-squirrelled for a cross-compatible webkit, and embedded in my website, as instructed, thus:
src: url('fonts/americantypewriterstd-bold-webfont.eot?iefix') format('eot'),
I works. But. It looks pretty shitty. I've also tried using it on a different face (clarendon, which I don't think is licensed to be used with @font-face, but I'm just at the point of playing rather than finalising anything at the moment...), which looks a bit better, but American Typewriter looks especially bad/different to how it should... Apart from being a bit unclean, it renders heavier and tracks closer together than it should. Oddly though it renders really nicely on my iphone, in spite of looking rubbish in chrome/safari on my macbook.
Any suggestions and/or advice on the subject? Many thanks!