Join James Williamson for an in-depth discussion in this video Customizing selectors, part of Typekit Quick Start.
- So once you have all of your fonts chosen…and your kits are published and the embed code…is added to all the pages that you…want to use Typekit on, how do you actually control…where on your page the fonts are used?…Well that's going to be the subject…of our next few movies, and I want to start…by talking about using customized selectors.…Now currently I'm looking at the project page…live in the browser.…You can see that all the requests…for the Typekit fonts have been turned off…in the CSS, so I'm not asking for any of those fonts.…
Because of that we're seeing the fallback fonts…instead of the Typekit fonts.…Okay, so I'm going to jump back into my kit editor.…I've selected the Acta display font…because that's the one I want to use…for the top heading.…Now when you select a font,…the options for that font appear on the left.…The very top option are the selectors…that trigger the use of the font.…So one of the ways to choose to display a font…is to use a customized selector.…Now in a moment I'm going to show you…
- 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
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.