Typekit: not quite yet?
Tags: fonts
Date: 5th February, 2010
I’d been struggling with a font for the post headings on my home page and wanted to try something different. Having experimented with Typekit on a concept site of mine (onX3), I thought I’d give it a go on Mr Portman.
Typekit allows you to use fonts on websites other than those already on people’s computers. Once registered, you setup a site, add a few lines of script in the <head> element of your page, and you can then use these other fonts in your stylesheet.
I found a font I thought would work really well, called Adelle, so set it up and used it for my post headings. It worked within seconds, but wait…
…it looked awful! I was using Firefox at the time and the font was looking blocky (at 30px):
Perhaps it was the font-size? Here’s what it looks like at 18px, 16px and 14px:
So, I though I’d find out if it was just Firefox. I opened up IE8 (at 18px, 16px and 14px):
Hmmm. I then tried a few other fonts, but couldn’t find any I liked, so I can’t say whether it was just that font or Typekit itself. The fact it works fine on my other site, (onX3) suggests it might be the font. I finally settled for Arial:
I know even this doesn’t look perfect, but it’s a lot better than the others.
