Changing styling as necessary to improve the form and placement of letters on the page


show more Changing 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 ...

Changing styling as necessary to improve the form and placement of letters on the page

Now that we've picked our Wood Type font, Holtwood One Small Caps, let's make it work. I've provided an exercise file which we're looking at here. I've already added the code from Google Web Fonts to the head of the HTML document and I've set up a font family as usual. Let's take a look at it in the browser right- click, and there are a couple of problems. First, the heading is too big. We'll get back to that in a second, but equally disturbing to me is that all the text is now set in the Holtwood One.

And it's too bold and square to really work as a text font. So let's go ahead and change that. It will help us to focus on our headline. Back in the text editor let's fix this by copying our font family out of the universal selector and pasting it into the h1, and let's remove Holtwood One from our universal selector. Save that, back in the browser, and Refresh, I'm using a Command+R, and that's better.

Now that the text is set we can re...

Changing styling as necessary to improve the form and placement of letters on the page
Video duration: 4m 57s 6h 52m Appropriate for all

Viewers:

Changing 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 ...