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
From the course: Choosing and Using Web Fonts
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Understanding Wood Type fonts3m 25s
-
Choosing a Wood Type font for display use8m 35s
-
Changing styling as necessary to improve the form and placement of letters on the page4m 57s
-
Choosing a second font to pair with the Wood Type font2m 28s
-
Incorporating a second font with the Wood Type display font4m 42s
-
Setting fallback fonts2m 31s
-
-
-
-