Incorporating a second font with the Wood Type display font


show more Incorporating a second font with the Wood Type 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 Wood Type display font

We have our main heading set as Holtwood One Small Caps and we've picked Museo Slab as our text font. Right now, the text is still set in Georgia, so we need to fix that. Let's look at it in the text editor. I've already added the Typekit code for the Museo Slab from my Typekit. You need to add Museo Slab 500 and 700 to your kit, publish it, and add your embed code to this document so it will work on your system.

I don't usually use fonts from both Google Web Fonts and Typekit, but when I do, I paste the Typekit code after the Google Web Font code. So now that your Typekit has been set up and the correct embed code is in the document, we need to apply the font family as usual. We need to add Museo Slab as our font family in our universal selector. Let's go ahead and do that now, museo-slab.

We also need to change the font-weight to 500; Museo Slab uses a 500 and 700 for regular and bold. And then down here in the h2, let's change our bold to 700. We can save that....

Incorporating a second font with the Wood Type display font
Video duration: 4m 42s 6h 52m Appropriate for all

Viewers:

Incorporating a second font with the Wood Type 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 ...