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.

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

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

From the course: Choosing and Using Web Fonts

Start my 1-month free trial

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 universal selector, let's just delete…

Contents