Contact Us​​ | Status Blog
Help Center
Main Using Typekit on Your Blog › Using Typekit with TypePad

Using Typekit with TypePad

Armed with basic knowledge of HTML and CSS, you can add fonts to your TypePad blog in a few minutes.

If you don't have a Typekit subscription yet, sign up for any of our plans.

Once you’ve created your account, choose some fonts! When you find a font you want to use, click “Use Fonts” on the font card or on the family page. Select the Web tab in the window that opens, and then “create a new kit”.

Screenshot of creating the first kit

A kit lets you configure the fonts that Typekit will apply to your website. Give the kit a name, and enter the domain for your blog.

Screenshot of create a kit page

Next, you’ll be given the embed code for your kit. That embed code includes a seven-character alphanumeric code; this is your kit ID.

Screenshot of embed code with kit ID

If you are using a kit in an existing Typekit account, you can find the kit ID by clicking the “embed code” link in the top right of the kit editor.

Screenshot of embed code page from kit

Copy the kit ID and paste it into your TypePad settings page under Add-Ons > Typekit Fonts. Be sure to save your changes.

You can add more fonts to your kit at any time by clicking the “Use Fonts” button, selecting the Web tab, and choosing the kit name from the “add to existing kit” menu.

Screenshot of add to kit button

Next, assign selectors to each font. Selectors are used to declare which elements of your blog each font applies to. (Here’s where you’ll need to know some basic HTML and CSS.)

Screenshot showing selectors module in the kit editor

Once you’ve determined the selectors you want, add them to your kit and click publish.

Screenshot of the kit editor pointing out the publish button

Within a few minutes, the fonts will appear on your blog.

Still need help? Email Us.

seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found