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
From the course: Choosing and Using Web Fonts
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Understanding Script fonts2m 19s
-
Choosing a Script font for display use8m 12s
-
Changing styling as necessary to improve the form and placement of letters on the page3m 33s
-
Choosing a second font to pair with the Script Display font3m 42s
-
Incorporating a second font with the Script Display font2m 53s
-
Setting fallback fonts2m 55s
-
-
-
-
-