How to change the font of your webpage using Google fonts

You can find a wide range of fonts at google.com/fonts. Let's say that you've decided you really like the Lobster font.

Click on the "quick use" icon underneath the Lobster font (shown here with a red arrow), and you'll see a list of all font variations along with instructions on how to use them. In this case there is only one variation of Lobster, "Normal 400." To use the font, we'll go to step 3 and select and copy the link code.

Then we will paste the link into the head of our index.html

Now, go back to google fonts and copy the code from step 4

and paste it into the body of the styles.css file

Save your work, push your changes to Git Hub and your webpage will now have that cool Lobster font.