Be Brav3

FCC Challenge 14: Import a Google Font

March 06, 2016

In FCC Chalenge 14 we’re tasked with importing and setting a web font:

[css]

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

[/css]

The modified code should be:

[css]

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

[/css]

Now, let’s import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).

First, you’ll need to make a call to Google to grab the Lobster font and load it into your HTML.

Copy the following code snippet and paste it into the top of your code editor:

[css]

[/css]

Now you can set Lobster as a font-family value on your h2 element.

Apply the font-family of Lobster to your h2 element.