Hey,

(I hope this belongs here).

I'm a student and ran into trouble with CSS coding in Codecademy. I could only finish 35% of the course. It says there's a mistake in my code, but I can't find any. I followed the instructions pretty precisely. I clicked on "run" very often, so it suggests to finish the code for you - even then, it doesn't work.

It is called "Learn HTML & CSS: Part I", this is the lesson I am taking. There is a chapter on fonts called "Fonts". This is the code in question:

h1 {
color: #FFF;
font-family: "Playfair Display", serif;
font-size: 32px;
padding-top: 100px;
text-align: left;
width: 60%;
}

Is there a mistake in the font-family? I linked this in index.html:
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" type="text/css" rel="stylesheet" >

It says there is something wrong with this step, where you define the font-family in the main header.

Anything wrong?
Greetings,
PeterParker

[Waragainstsleep]

I've seen that link reference elsewhere without the + between Playfair and Display.

<link href="https://fonts.googleapis.com/css?family=Playfair Display" type="text/css" rel="stylesheet" >

[andi*pandi]

the link appears to work without the + , but this is how google lists it:
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
perhaps the problem is the type.

You could also try importing it directly into your css file and not use the <link>:
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

You appear to have set the font-family the way google has it also:
font-family: 'Playfair Display', serif;

The only difference is you are using " not ' but usually in code as long as you are consistent it works both ways.

https://fonts.google.com/specimen/Pl...ayfair+Display

Do you have a URL for us to test? Maybe it's a bug in the testing app.