Captain Typekit Documentation
Captain Typekit makes it a 10 second process to add Typekit to your site.
After creating a Typekit Kid, you just need to copy your Kit ID into the Settings > Captain Typekit settings page.
When you create a Kit, you’re prompted with a few lines of code for you to embed Typekit into your site. Forget about that, just grab the Kit ID from the code, like in the image below:
This code may also appear separately beneath the embed code. If you’ve already created a kit prior to installing Captain Typekit, just open up the Kit in the Kit Editor, edit the Kit’s Settings and get the ID there.
After entering your ID and saving, Typekit is ready to be used on your site!
You’ll find a new area on the settings page where you can see all the fonts in your kit, their font family CSS codes, the variations available to use and a link to the font on Typekit.
Frequently Asked Questions
Where do I find my Typekit Kit ID?
After creating a kit in Typekit, it’ll present you with a couple lines of code to embed. Below that, you’ll find your Kit’s ID (bottom right corner). It should be 7 or so characters. You’ll also be able to find the ID within the embed code on the first line. If you’ve already created the Kit, you’ll be able to find the ID in the Kit Editor.
How do I use the Typekit fonts in my Kit on my site?
After adding your Kit’s ID, there are a few different ways to use your fonts on your site. The first is just by adding selectors in your Kit Editor. The second is adding it within your own CSS, with the Font Family CSS Value found in the Captain Typekit settings page. Usage is explained in detail in Using Typekit fonts in your own CSS.
I can’t see the table with my Kit’s fonts in the Captain Typekit settings page?
It will only display after you’ve entered in your Kit’s ID and saved, as it needs the ID in order to display the Kit’s fonts.
Updates are served through WordPress automatically into your dashboard.
Version 1.0 – 03/11/2012: