Please Help I Can Not Figure This Out!

HTML-CSS
1

Can you help me?I am stuck on importing a Google Font.
What am I missing? :woozy_face:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" h2 class="red-text" font-family: lobster, GENERIC_NAME>
2

Is this for the FCC Challenge? If so, take a look at the instructions for an example. I’m not sure why you have h2 class in there.

3

In the instructions it tells me to apply this Google Font to my h2 element.

4

You apply the style to an element in the CSS. For the challenge, that’s the space between your <style> tags.
Here is an example:

<style>
p {
  font-family: Helvetica
}
</style>
5

Where do I put the link <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

6

For the sake of the challenge, it goes at the top of your editor - above the <style> element.

If you were building a live webpage, it would go between your <head> tags. :slight_smile:

7

Thanks nhcarrigan

8

Okay I did that, then thinking I was done, I clicked run and this is what I got:

// running tests
Your h2 element should use the font Lobster.
You should use an h2 CSS selector to change the font.
// tests completed
9

Okay so after a lot of deleting and research I jot it down to now just this one problem:

// running tests
You should use an h2 CSS selector to change the font.
// tests completed

Can you help?

10

Sure! But what does your code currently look like? :slight_smile:

11

The beginning currently looks like this:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }
   h2  {
    font-family: lobster
  }
</style>

What am I missing nhcarrigan

12

Missing your ; at the end of this line. :slight_smile:

2 Likes