19 - Styling Text | Robbin Law

The following file is required for this lesson:

Demo Instructions

You can follow along with your instructor to complete this build and/or you can use this document as a guide in completing the demo build.

Download the demo-styling-text.zip file and extract its contents to a folder called demo-styling-text.
The result of this demo should look like:
In your browser, navigate to [https://fonts.google.com/](https://fonts.google.com{:target=”_blank”}
In the search field, enter lato.
Select the font that is displayed:
Select the regular font:
Press the + Select this style link button.
From the results, copy the <link> code into the <head> section just above the link(s) to the stylesheets:
You will also need the font-family code in your .container class in your spreadsheet:
Make the following changes to the index.html file:
1. <header>:
2. <footer>:
In the css folder add the following code to the styles.css file:
1. Style the typography:
2. Style the .page-header class:
3. Style the <section< element:
Open the index.html file in your browser. If the result is different, make any necessary corrections, and refresh your browser.

There are no exercises related to this demo.