Incorporating a second font with the Art Deco display font


show more Incorporating a second font with the Art Deco display font 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 ...

Incorporating a second font with the Art Deco display font

We have our main heading set as Limelight and we've picked Nimbus Sans as our text font. Right now the text is still showing up in Georgia, so we need to fix that. Let's look at it in a text editor. Mine is already open in TextWrangler. I've added the Typekit code for Nimbus Sans. You need to add Nimbus Sans Regular and Bold to your kit, publish it and add your embed code to the document for it to work on your system.

Again, since we're using both a Google Web Font and the Typekit font, paste the Typekit code after the Google code. Now that the codes are both in place, we need to add Nimbus Sans to our font family here in the universal selector. It's nimbus-sans, all lowercase and save that and let's change our font weights as well. The universal selector will change to 400 and the h2 we will change to 700. Save that and since we're using a Typekit font, we'll need to put it on our servers.

Let's take a look at it in the browser. We have to go to our serv...

Incorporating a second font with the Art Deco display font
Video duration: 2m 57s 6h 52m Appropriate for all

Viewers:

Incorporating a second font with the Art Deco display font 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 ...