Join James Williamson for an in-depth discussion in this video What is a kit?, part of Up and Running with Typekit.
- View Offline
- Understanding what a kit is and how it works…is crucial to using Typekit, so before we get too far into…how to browse and choose fonts for your site,…I wanted to first take a moment…to give you an overview of kits.…You can think of a kit as basically a collection of fonts…that you wanna use on a particular site.…Every site that you've added to your Typekit account…is gonna be assigned its own kit…and corresponding embedded code.…To show you this, I've signed out of my free trial version…of Typekit and signed into my full version…and I've opened up one of my kits.…
This is the Alice in Web Fonts kit…for my Alice in Web Fonts site.…And I was talking about that embedded code a second ago.…If I click on the embed code for this,…I can see the code that was generated…when I created this kit.…So, the code that you're seeing here…is the code that I'll need to copy and paste…into the head of any page on this site…that I want to use these fonts in.…It's important to point out that this code…is unique to this site, so every time you generate a kit,…
- What are web fonts?
- Understanding the Typekit setup requirements
- Browsing fonts
- Creating favorites
- Adding fonts to kits
- Using the Kit Editor
- Customizing selectors
- Defining fallback fonts
- Selecting fonts for desktop use