CSS A font of knowledge

Get Help CSS
#1

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;
}

#2

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

#3

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

#4

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

1 Like
#5

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

#6

paste in updated code

#7

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

#8

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
#9

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

#10

Paste in your HTML and CSS

#11
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:

#12

Please paste in your code using this format

```

  replace this with your code 

```
#13 
<!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/

#14

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

#15

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>
#16

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.

#17

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

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

#19