Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course focuses on the theories behind web fonts: what makes a good font, why different fonts look the way they do, and how fonts affect the look of a web page. Author Laura Franz covers common tasks, including downloading a font from an online source such as Typekit or Font Squirrel, implementing the font in HTML and CSS, and changing the size and line-height to improve the readability of text. The course also covers different periods of type design and explores the history behind handwritten fonts, text fonts (used for large amounts of text), and display fonts (used for headlines).
Our Typekit font Calluna loaded great, but sometimes your Typekit fonts don't load when you expect them to, especially when you go into your kit editor, make a quick change, and republish the kit. There can be a 15 second to 15 minute lag time between when you publish a kit, and when it's ready to work. So usually it's just a matter of waiting and refreshing your page until the fonts load, but here are some things you can double check while you wait, just to make sure the problem isn't on your end.
Third, we're going to make sure that the kit that we're using specifies the same domain as the one that we're working on. Here in Kit Settings, I can see that my kit is set to work on the domain goodwebfonts.com, and that's the domain I am using. I once spent about ten minutes losing my mind before I realized that I was working on one domain, but had accidentally specified a different domain on my kit. I'm going to Cancel that. The fourth thing you should double check is that you really did publish this kit.
Now, there's no way to be sure that you published it, but if you're not positive, it doesn't hurt to click Publish again. And then the last thing we're going to do is we're going to make sure that we truly used the correct font family. This is Calluna, and in TextWrangler, or your Text Editor, we can see the font-family is Calluna, so that is specified correctly. Once you've checked all these things, and you know everything is correct, all you can do is wait for Typekit to catch up with you.
There are currently no FAQs about Choosing and Using Web Fonts.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.