Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Why doesn't font show up?

I know fonts can be hard, but I need help on why this Chalkduster font won't work. Here's the code:

<html>
<head>
<style>
p {
   font-family: 'Chalkduster', fantasy;
}
</style>
</head>
<body>
<p>Hello</p>
</body>
</html>

3 Answers

Steven Parker
Steven Parker
215,972 Points

Where does that font come from? It doesn't look like you're linking in any font data, or including any external CSS file that might be loading it.

I found it online. It was under a page titled "CSS Fonts", I just assumed it was a CSS font

Steven Parker
Steven Parker
215,972 Points

I'm sure it is, but you still need to load it in the browser to make it available on the page.

I'd expect to see something like this (this example is not valid):

  <link href="http://fonts.yourcdn.com/css?family=Chalkduster" rel="stylesheet">

Where would I go to find a link like that?

Steven Parker
Steven Parker
215,972 Points

Well, there may not be a handy CDN serving your font. But if you have a font file you can provide it directly.

Are you creating this in a workspace? If so, be sure you've uploaded the font file and then make a snapshot of your workspace and post the link to it here.

No, I'm working in Notepad++

Steven Parker
Steven Parker
215,972 Points

You might want to create a workspace to make it easier to get help with it.