Incorporating a second font with the Script Display font


show more Incorporating a second font with the Script Display font 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 ...

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

Incorporating a second font with the Script Display font
Video duration: 2m 53s 6h 52m Appropriate for all

Viewers:

Incorporating a second font with the Script Display font 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 ...