CSS A font of knowledge

blogninja96789 2016-03-02 11:04:15 UTC #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;
}

stetim94 2016-03-02 11:06:29 UTC #2

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

zainabrawat 2016-03-02 11:11:12 UTC #3

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

blogninja96789 2016-03-02 11:15:26 UTC #4

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

blogninja96789 2016-03-02 11:19:12 UTC #5

changed Serif font to Garamond and still not working

zainabrawat 2016-03-02 11:19:35 UTC #6

paste in updated code

blogninja96789 2016-03-02 11:31:13 UTC #7

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

zainabrawat 2016-03-02 12:10:53 UTC #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

blogninja96789 2016-03-02 12:41:17 UTC #9

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

zainabrawat 2016-03-02 14:57:56 UTC #10

Paste in your HTML and CSS

blogninja96789 2016-03-02 15:13:39 UTC #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

zainabrawat 2016-03-02 15:19:21 UTC #12

Please paste in your code using this format

```

  replace this with your code 

```

blogninja96789 2016-03-02 15:22:11 UTC #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/

zainabrawat 2016-03-02 16:15:45 UTC #14

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

wizmarco 2016-03-02 16:19:59 UTC #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>

thebelgian1 2016-03-03 07:42:21 UTC #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.

gfisher875 2016-10-17 03:06:01 UTC #17

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

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

stetim94 2016-10-28 14:51:53 UTC #19