Setting fallback fonts


show more Setting fallback fonts provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts show less
please wait ...

Setting fallback fonts

Our Art Deco version of the Library Book Sale page is almost done. But before we move on, we need to check the fallback fonts. We need to make sure the page looks good even if the fonts don't load. We're still working with the file from the last lesson. If you didn't save yours that is okay, I've provided a new starting point for this lesson. Just make sure you put your embed code in the document so your Typekit fonts will work on your system. Let's open the HTML document, mine is already open in TextWrangler.

And in the CSS portion of the document, let's add an X for our font family so that they'll break. Now looking at our font stacks here, the Nimbus Sans is using Georgia and Serif. Let's change that to Arial and Sans Serif. This will work better because Arial and Nimbus Sans have a very similar structure. I save that and let's look at the h1. Right now we're using Georgia, I'm not sure if that's going to work but let's test it, it coul...

Setting fallback fonts
Video duration: 2m 48s 6h 52m Appropriate for all

Viewers:

Setting fallback fonts provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts

Subjects:
Design Web
Author:
please wait ...