Join James Williamson for an in-depth discussion in this video What is a kit?, part of Up and Running with Typekit.
- 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
Skill Level Beginner
Creating Icon Fonts for the Webwith James Williamson3h 56m Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
1. Getting Started
2. Choosing Fonts
3. Deploying Fonts
Additional resources3m 45s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.