Typekit – freedom to web fonts

What is Typekit? Typekit is a newly launched subscription-based typography service hosting an array of font files on a globally distributed network of servers in multiple locations across North America, Europe, Asia, and Australia. The idea is to allow web designers to choose from hundreds of fonts for designing webpages, rather than the limited number of browser fonts, or creating image files to replace text. How does it work? From their site: "Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal." By adding the Typekit code to your webpage header and CSS, your page will render the font file from the nearest Typekit server, rather than the browser or your own webserver. You can choose from a free account which limits you to a small selection of fonts and use of only 2 fonts at a time on only one website, or various levels of paid accounts which  offer more fonts and more freedom of use. How to use Typekit: Typekit is like an extension of the @font-face CSS rule. A typekit account provides you with a javascript that, once inserted into the head of your page, points to a use.typekit.com URL. When you choose a font to use on your site you are greeted with a message that specifies the CSS selector to apply to any HTML tag, class or id used where you want to display your chosen font. Then click 'Publish' to make this font available to your site. Then all you need to do is add the selector directly to the element, or alternatively add the font to the family in your CSS. Verdict? I have just tried it out using a couple of different fonts for my menu text and I was surprised to find that some letters rendered bold while others were normal weight. I have to abandon the fonts and revert back to trusty "Trebuchet MS". I really like this idea and I expect these bugs to be quickly fixed, so I'll be checking in again soon for another try.

Comments are closed.