“Typekit is the easiest way to use real fonts on the web. It’s a subscription-based service for linking to high-quality Open Type fonts from some of the worlds best type foundries. The fonts are served from a global network on redundant servers, offering bulletproof service and incredible speed. And it couldn’t be easier to use.”
More about who they are and what they do -> typekit
This is a simple tutorial on how to use TypeKit on your wordpress.org blog. We gonna end up having a single font everywhere in the site.
Step 1. Select a plan. You can try it for free. The free trial has a limit of 5GB/month along with the other limitations.

Step 2. Your site details. Urls should include your subdomains as well.

Step 3. Copy the Javascript code. You can access it later as well. DONT paste it in the like its told there. We will do that later.
Step 4. Download the TypeKit Wordpress plugin. Install and activate it in your wordpress blog.
Step 5. Add the fonts you like.

Step 6. Add selectors of the places where you want the new font to be applied. You need to know your theme css to understand what all you want included. If you want the new font everywhere, you can add h1, h2, h3, h4, h5, h6 & body. This works for me, but it really depends on the theme. Dont forget to click on publish.

Step 7. Wordpress dashboard now. Go to Settings-> Typekit Fonts. Copy-Paste the code that you got in Step 3. If you didnt copy it then; you can get it by clicking on ‘Launch Kit Editor’ (top right after you login) and in the next pop up window ‘Embed Code’. Click on Save Settings. Done.
#1. Custom CSS rules section wont have anything if you want the same font everywhere in your theme.
#2. If you want different fonts in different places, its almost same. Just select different fonts for different ids – h1, h2, .. [step 6] I havent tried this, but guess this is how it will work.
#3. You can get more support @ TypeKit Support | twitter – @typekit
#4. You can also use it on your wordpress.com blog – Link
I really hope more people understand the power of good typography. It can make or break a design. My blog where i tried this – http://NokiaN97Blog.Com
30 mins later: Ah. Now that i have typed the whole thing, i realise that there wasnt any need for this post. Its just too easy!
Related:






February 22nd, 2010 at 4:20 am
omg thank you (this idiot could not figure it out)
March 10th, 2010 at 2:47 am
thanks but i'm can't make it work..