Join James Williamson for an in-depth discussion in this video Web font options, part of CSS: Advanced Typographic Techniques.
By now, you probably know what web fonts are.…And at least the basics of using them, even if…you've never actually used them in one of your own projects.…Now, we're going to be using web fonts for almost all of the projects in our course.…And we'll be taking advantage of Adobe's Edge Fonts service.…Before I go into using Edge Fonts in a little bit more detail, however.…I want to discuss some of the options that you have when choosing web fonts.…Now first, you could…use a commercial hosting service like Typekit,…the one that I'm showing you here.…Commercial hosting services are great.…
You buy a subscription.…You essentially choose the fonts you want to use out of their vast libraries.…And you just throw a little bit of code into your site and you're good to go.…Now, now each of the hosting services execute a little bit differently.…Here I'm showing you Typekit.…I also want to point out fonts.com, which is another really popular one.…I mean there are a bunch of them.…You just do a Google search for a commercial…
- Controlling font rendering with CSS
- Using web fonts
- Adjusting kerning
- Adding dimension to text
- Working with gradients and drop shadows
- Using 2D and 3D transforms
- Applying perspective
- Aligning split text
- Creating and triggering transitions
- Enabling animations
- Extending CSS with Lettering.js and Modernizr
Skill Level Intermediate
1. Getting Started
2. Using Lettering.js
3. Creating Dimensional Text
4. Creating Refracted Text
5. Animating Text
6. Using Modernizr
Additional resources2m 11s
- 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.