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

So now that we've picked our font, Lobster Two Italic, let's make it work. I've provided an exercise file which we're looking at here called lobster2_script_book_sale.html. I've already added the Google Web Font code to the head of the HTML document and I've setup the font-family as usual. Note that I've added a font style of italic to our h1 which is our main heading on this document.

Now let's take a look at it in the browser. I already have mine open, I'll toggle to it and we can see that there are a couple of problems. First is that everything in the page is set in Lobster Two because we used it in the universal selector. So it makes it sort of hard to figure out what we might need to change to make this headline look as good as possible. So let's go in and change that. Back in the text editor, I would take this font family and copy it, go down into the h1 and paste it.

So now our h1 is definitely set as Lobster Two and then back up in the univers...

Changing styling as necessary to improve the form and placement of letters on the page
Video duration: 3m 33s 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 ...