Join James Williamson for an in-depth discussion in this video Defining fallback fonts, part of Up and Running with Typekit.
- Fallback fonts are important.…If you've never dealt with them before,…it's essentially a way to tell your browser…which font to use in case the font you're requesting…isn't available.…If you don't specify a fallback,…the browser's default font will be used.…So declaring fallbacks is really something…that you should do whenever you request a font…but it's even more important when you're using…a service like TypeKit for web fonts.…TypeKit is certainly aware of this,…and gives you the ability to declare fallbacks…directly within the kit editor.…
Which you can see that I have opened…for our current kit which is our TypeKit site.…So in the last exercise,…I showed you guys how to add custom selectors…for a specific font.…Well, another font option that we have,…and then you have to scroll all the way down…to the bottom to see it,…is this CSS Stack.…This is a way of declaring fallback fonts…for those selectors.…So if I click the arrow to open this up,…and sometimes I'll still have to scroll down,…I can see that the only thing…
- 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.