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 Futuristic 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.

In the CSS section of the HTML page, let's type a capital X next to each of the font families so that they will break. And let's go ahead and save this and upload it to our servers and view it in our browsers. We can just refresh. Georgia doesn't quite work for our headline. I think that the difference between the bold and the regular is just too subtle. So let's go back and change that.

I think that a better font stack for our universal selector would be Arial, sans-serif, and for the h1, let's also do an Aria...

Setting fallback fonts
Video duration: 2m 22s 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 ...