You can easily include Typekit’s embed code with this handy plugin. Just install, enter your Typekit Kit ID and Captain Typekit will take care of the rest.
After entering in your Kit’s ID, you can even view all the fonts currently in the kit, their Font Family CSS Values, the variations you’ve included and the URL’s to the fonts themselves, all from the Captain Typekit Settings page in your WordPress dashboard.
Want to support the continue development of this plugin? Then take a look at the Github Repository!
Support: Captain Theme
Documentation: Captain Typekit Documentation
Thanks for checking it out!
How to install this plugin?
- Search for “Captain Typekit” in the Add New Plugin section of your site or download it and upload it manually.
- Install and activate the plugin.
- Visit the Captain Typekit Settings page found under your Settings.
- Enter in your Typekit Kit ID.
- 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.
I was about to write a Typekit plugin to use for a couple of projects I’m working on, and now I don’t have to! I would’ve been happy with just the “enter your kit ID” bit, but the kit readout takes it up a notch. Love it.
Contributors & Developers
“Captain Typekit” is open source software. The following people have contributed to this plugin.Contributors
- Initial Release.