Applying the second font to the heading


show more Applying the second font to the heading provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers show less
please wait ...

Applying the second font to the heading

When adding a second font family to a web page or web site, it can be added directly to the elements that will use that font family. Element level styling overrides the universal selector. You will see our font family for the page is currently Georgia. All text is the same size. The only difference is the heading is bigger and in italic. We are going to change the h1 to Verdana, all caps, slightly smaller, with letter-spacing and we are going to bold it too. So open up the CSS file. You will see the universal selector in this file has the font family set to Georgia.

That's why all the text in the page is the same font. The h1 currently 24 pixels, it's italic, and the P tag is currently 15 pixels with a 22 pixel line height. I've added the p styling since the last lesson. Under the h1 let's make some changes. We will add the font family Verdana, comma, sans- serif, because we should always build a font stack.

We will add the text-transform uppercase because we want it to be in...

Applying the second font to the heading
Video duration: 2m 16s 6h 25m Appropriate for all

Viewers:

Applying the second font to the heading provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers

Subject:
Web
Software:
TextWrangler
Author:
please wait ...