Support Center

TypeKit

Last Updated: Aug 09, 2013 02:46PM PDT

Want ultimate control over the typography in our themes?  Typekit is fully supported in all of our themes through the appearance options. Here are the basic steps involved in setting up Typekit for your site:

 

  1. Register for a Typekit account - https://typekit.com/plans Typekit offers several affordable yearly accounts, but you can always go with the free plan with access to their trial library.

  2. When you create your kit don't forget to put your blogs URL in the domains field.

  3. Browse through the library and click + Add to Kit after you’ve selected the body and title font for your site.

  4. While you have the Typekit Editor open go through the list of Weights & Styles selecting only the fonts that you need. This is typically regular, regular italic, bold and bold italic.

  5. Once you have your two fonts selected hit the green Publish button at the bottom right.

  6. Go to back to Tumblr and open Customize > Appearance, find the Typekit ID field and paste in your Typekit ID. You can find the ID by opening the Typekit Editor and clicking Embed Code at the top right. You only want to copy and paste the 7-8 character ID at the bottom.

  7. Now paste in the font-family values for the body, UI and title fonts into Customize > Appearance. You will find it by clicking Advanced below the Selectors on the left.

    Example:proxima-nova,sans-serif

Tip: Even if you don’t use Typekit you can use the Body, UI, and Title Font Family options to paste in other standard font-family fonts.

Contact Us

support@stylehatch.co
http://assets03.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete