From the course: Choosing and Using Web Fonts
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Incorporating a second font with the Futuristic display font
From the course: Choosing and Using Web Fonts
Incorporating a second font with the Futuristic display font
We have our main heading set as Tenby Eight and we've picked Open Sans as our text font. Right now, the text is still set in Georgia so we need to fix that. I have provided an exercise file which we're looking at here in the text editor. It's called tenby_eight_open_sans_tk_book_sale.html. I've already added Open Sans regular and bold into my Typekit. So the embed code now links my page to both fonts. You need to add Open Sans regular and bold to your kit, publish it, and put your embed code in this document so it will work on your system. When you're done, meet me back here. Now that your Typekit and embed code are all set, let's add Open Sans to the universal selector. With Typekit we use all lowercase with a hyphen, and I've just added it to the font family. Let's go ahead and change our font weight to 400 and the h2 font weight, we will change to 700. Let's save that and we need to upload it to our servers. Let's view this new file in our browsers and we can see that the Open Sans…
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
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Choosing a Futuristic font for display use5m 33s
-
Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page6m 40s
-
Choosing a second font to pair with the Futuristic font2m 48s
-
Incorporating a second font with the Futuristic display font4m 21s
-
Setting fallback fonts2m 22s
-
Looking at the set of four ads5m 54s
-
-