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;
}
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
changed Serif font to Garamond and still not working
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
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
Paste in your HTML and CSS
h1 {
font-family: Times New Roman;
}
h2 {
font-family: Helvetica;
}
h3 {
font-family: Comic Sans Ms;
}
Still not working
<!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