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

Incorporating a second font with the Futuristic display font

From the course: Choosing and Using Web Fonts

Start my 1-month free trial

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…

Contents