Join James Williamson for an in-depth discussion in this video Declaring Typekit fonts in CSS, part of Up and Running with Typekit.
- I love the fact that Typekit gives me options,…in terms of how I want to apply the fonts to my site.…In previous movies, we've seen how we can declare…customized selectors within the Kit Editor.…In this movie, I want to begin to focus…on how we declare Typekit fonts directly in our CSS.…So, I've got my project page open live…within the browser again, and as you can see,…at this point I have turned off all font requests…for my Typekit fonts.…If I go back to my Kit Editor,…I can see that I've removed the custom selector…that we added earlier.…
So, we're back to just sort of the defaults.…Now, in addition to having the ability…to add customized selectors,…in addition to the display list of available selectors,…you may have noticed this little link right here.…This is using fonts in CSS.…If I click on this, it's going to open up…this tool tip window that gives me a brief rundown…of how to use these font family names…in our own CSS declarations.…We can see, for example, all that we need to request…in our font family values…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.