CSS A font of knowledge

Hey

Trying to change my CSS to different fonts and it doesn seem to change…

h1 {
font-family: Lucida Bright;

h2 {
font-family: Helvetica;
}
h3 {
font-family: Comic;
}

This is not part of an exercise? Your h1 css selector is missing a closing curly bracket (})

Instead of just Comic you might wanna change to: Comic Sans MS

changed to Comin Sans MS and worked! however Serif font still not displaying- have added closing bracket

1 Like

changed Serif font to Garamond and still not working :frowning:

paste in updated code

h1 {
font-family: Garamond;
}
h2 {
font-family: Helvetica;
}
h3 {
font-family: Comic Sans Ms;
}

Your code looks fine … Are you running on a mac ? According to this site Garamond works on 49% of mac machines.
(Not sure when last the stats were updated)

You might want to add in a backup font as well…

Read more about web safe fonts:
CSS Font Stack
CSS Tricks
CSS Fonts - W3

1 Like

i am on PC- all the while i have been using Garamond has been fine :frowning: i have been using all the serif fonts which are on the first link you gave and nothing seems to work

Paste in your HTML and CSS

Result

I'm going to be a serif font when I grow up!

I'm going to be a sans-serif font.

I'm going to be in cursive!

h1 {
font-family: Times New Roman;
}
h2 {
font-family: Helvetica;
}
h3 {
font-family: Comic Sans Ms;
}

Still not working :frowning:

Please paste in your code using this format

```

  replace this with your code 

```
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h1>I'm going to be a serif font when I grow up!</h1>
		<h2>I'm going to be a sans-serif font.</h2>
		<h3>I'm going to be in cursive!</h3>
	</body>
</html>

Officially tried all the Serif fonts on http://www.cssfontstack.com/

Are you doing this for a lesson in codecademy ? What lesson ?
as CodeCademy lessons doesn’t use all the other fonts.

Hi , look your css code

h1 {
    font-family: Times New Roman;
}
h2 {
    font-family: Helvetica;
}
h3 { 
   font-family: Comic Sans Ms;
}

And look what the text inside the h1, h2, h3 says they will be


<h1>I'm going to be a serif font when I grow up!</h1>
<h2>I'm going to be a sans-serif font.</h2>
<h3>I'm going to be in cursive!</h3>

Hi
could you try to put " " around the names of the fonts which have spaces, i.e.

I think that the problem comes from these spaces.

p {type=“text/css” rel=“stylesheet” href=“stylesheet.css”}

try adding this above your h1 line and it should fix the problem