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.
Incorporating a second font with the Script Display font
From the course: Choosing and Using Web Fonts
Incorporating a second font with the Script Display font
We have our main heading set as Lobster Two Italic and we've picked Open Sans as our text font. Right now the text is still set in Georgia, so we need to fix that. We're looking at lobster2_open_sans_book_sale.html, which I've provided in the Exercise Files. Let's look at it in the text editor. The last time we used Open Sans, we used it from Typekit, but it's also available from Google Web Fonts. Since Lobster Two is on Google Web Fonts, it's better to just get both fonts from the same place. I've already added the Google Web Fonts code for Open Sans, and I've already added the conditional comment for Open Sans so Internet Explorer will recognize both weights. Now we've just got to add the font-family to a universal selector. So let's add Open Sans here and we need it to match, up here in our code from Google, we can see that it should be a capital OPEN and then that plus means we should use a space and then a capital S and so let's do capital "Open Sans" and end our quotation marks.…
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
-
-
-
-
-