CSS A font of knowledge


#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


#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


#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








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