Join James Williamson for an in-depth discussion in this video Using the exercise files, part of Up and Running with Typekit.
- View Offline
- If you're a premium member of the lynda.com online training library you have access to the demonstration files that I'll use for this course. Up and Running with Typekit is a little different than most of my courses in that there aren't any really true exercises. Throughout the title I demonstrate using Typekit through the use of a few sample files. I've made these files available to you in the exercise files folder with the CSS starting out exactly as you'll see in the course. If you want to follow along with me feel free to start with this file and then mirror the changes that I make to my code.
I've also included a finished version of the files as well in case you want to explore the finished code. You should also feel free just to use your own files if you'd like, as you could easily add Typekit fonts to any existing site through the steps that we're gonna take in this course. If you do choose to follow along with me you're gonna need a few tools. First, you'll need a code editor to make changes to the code. I'm gonna be using Brackets, but the editor that you use really doesn't matter. Just use the one that you are comfortable with.
You will also need a hosted site and some way of uploading files to your site. Typekit works with a specific domain that you provide so unless you establish a local server to test on you won't be able to test locally. You're gonna need to upload your files to your host and then test within a browser. I'll be using FileZilla, but you should feel free to use any FTP client or uploading solution you want. Just use what you're comfortable with and what you typically use in your day-to-day workflow. Speaking of browsers, depending upon your platform I recommend making sure that you have the latest versions of Internet Explorer, Chrome, Firefox, Safari and Opera and make it a habit of testing your pages with multiple browsers.
Web fonts are supported in all recent versions and you want to make sure that you're testing for rendering differences and font support. Okay, now that that's taken care of, let's get Up and Running with Typekit.
- 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