From the course: Choosing and Using Web Fonts

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Incorporating a second font with the Wood Type display font

Incorporating a second font with the Wood Type display font

From the course: Choosing and Using Web Fonts

Start my 1-month free trial

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. Now in order for us…

Contents