Join James Williamson for an in-depth discussion in this video Browsing Adobe Edge Web Fonts, part of CSS: Advanced Typographic Techniques.
We'll be using Adobe's Edge Fonts for our projects in this course.…Now, it's mainly due to the size of their collection, which is pretty substantial.…How easy they are to use.…It just takes a single click and you can copy and…paste some text into your site and you're up and going.…And, let's face it, they're free.…Now since we're not going to spend a whole…lot of time talking about the fonts themselves during…the projects, I thought I would take a…moment and show you exactly how the Edge Fonts…service works.…So here I am at the edgewebfonts.adobe.com site.…I'm going to click the getting started or get started button there.…
And that's going to take me to the Edge Web Fonts interface.…Now, here's where we can browse for all the fonts that we're going to…be using and find the code that's going to be required to make them work.…Now I like this interface because it gives…us an opportunity, to sort of compare fonts, and…we can filter out the library, so that we're…not trying to look at everything all at once.…One of the things I really like about this let's say…
- 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.