How to use Adobe Typekit fonts on your site
Once you've created your "kit" on Typekit.com, click the "Kits" link toward to the top-right of the page, then click "Kit Editor".
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5ef4ef2604286306f805c640/images/5ef6462e04286306f805d5ae/5ef6462e94aef.png)
Click "Embed Code" at the top-right of the page, and copy the code in the "Default" tab.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5ef4ef2604286306f805c640/images/5ef6462f2c7d3a10cba9a37d/5ef6462edfb86.png)
In another browser window, login to your 22Slides control panel, click "Settings", then "Custom Code", and paste the embed code into your "Head" field.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5ef4ef2604286306f805c640/images/5ef6462f2c7d3a10cba9a37e/5ef6462f66b3a.png)
Go back to your Typekit account, and click "Using fonts in CSS" toward the top-left of the page.
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5ef4ef2604286306f805c640/images/5ef6462f2c7d3a10cba9a37f/5ef6462fbbcee.png)
Copy the first font-family
value provided:
![](http://d33v4339jhl8k0.cloudfront.net/docs/assets/5ef4ef2604286306f805c640/images/5ef6463004286306f805d5af/5ef6463010051.png)
Return to your 22Slides control panel, and paste the font-family
value into the following code:
body
will need to be replaced with the CSS selector of the element you'd like to target with this font. Also, "franklin-gothic-ext-comp-urw-1","franklin-gothic-ext-comp-urw-2"
will need to be replaced with your own font-family
value.
If you need help with this last step, just send us a message including:
- The
font-family
value provided by Typekit. - A list of the elements on your site you'd like to use the custom font, like "Site title, navigation, footer, and text pages", or something similar.