This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Captain Typekit

Description

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!

Screenshots

  • The settings page before you've entered in your Kit's ID.
  • The settings page after entering in your Kit's ID, where it will display all your Kit's fonts, css values, variations, etc.

Installation

How to install this plugin?

  1. Search for “Captain Typekit” in the Add New Plugin section of your site or download it and upload it manually.
  2. Install and activate the plugin.
  3. Visit the Captain Typekit Settings page found under your Settings.
  4. Enter in your Typekit Kit ID.
  5. Magic!

FAQ

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.

Reviews

awesome

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.

Read all 3 reviews

Contributors & Developers

“Captain Typekit” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Captain Typekit” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial Release.