Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page


show more Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page 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 ...

Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page

So now that we've picked our font, Tenby Eight, let's make it work. I've provided an Exercise File, which we're looking at called tenby_eight_tk_book_sale.html. I've already added the Typekit Code for Tenby Eight in the head of the document. You need to add both Tenby Eight Light and Regular to your kit, Publish it and add your Embed Code to the document so it will work on your system.

When you're done meet me back here. Now that the Embed code is in place, let's apply the font-family. We'll add Tenby Eight to the h1. Since we know from experience it won't work in the text, I'll copy the font-family up out of the universal selector and we can add it here, alllowercase, and we have our font stack. We'll also need to add a font-weight here, we'll use 700.

Tenby Eight comes in two weights, Light and Regular. And the Regular weight is actually set at 700 on Typekit. We're going to use that one because it's the one we are looking at whenw...

Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page
Video duration: 6m 40s 6h 52m Appropriate for all

Viewers:

Applying the Futuristic font and changing the styling as necessary to improve the form and placement of letters on the page 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 ...