Join James Williamson for an in-depth discussion in this video Customizing selectors, part of Up and Running with Typekit.
- 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
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.