Join James Williamson for an in-depth discussion in this video Styling weights and styles, part of Typekit Quick Start.
- Once you've chosen the weights and styles…that you wanna use, and published your kit,…you can use CSS to ensure the proper…weights and styles are being used within the browser.…I'm gonna finish my album cover design…by choosing the right weights and styles…for a few of the page elements.…Now just to give you a preview of…what I'm going to be doing here,…I want the Up & Running with Typekit header…to use the Black version of that font.…I want the first word JAMES to use the…Bold version of Nimbus Sans Condensed.…And High Fidelity Stereo down here,…I want that to be italicized.…
So remember I need to go check out and see exactly…what the weight value needs to be for each of those.…And to do that, I can just go back into my kit.…So for Nimbus Sans Condensed, if I wanna use Bold,…I'll use a font-weight of 700.…For Regular, I'll just use 400.…For Acta Display,…if I'm gonna use Black,…I'll use a weight of 900.…And if I wanted to display Italic,…I'll use a weight of 900 and a font-style of italic.…
Okay, so I'm gonna jump into my code,…
- 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.