Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Treehouse Club: CSS My First Web Page Color Keywords, Hex Colors, and Font Families

Some Google Fonts Work but Others Don't

In experimenting with Google Fonts in the "My First Webpage" workspace, I've noticed that some fonts, such as "Rubik Scribble" work

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Scribble&display=swap" rel="stylesheet">

But other fonts, such as "Rubik Doodle Triangles" don't.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik+Doodle+Triangles&display=swap" rel="stylesheet">

Is the difference because of the complexity of the font or is there some other factor in place? Note that I'm pasting the link in the same spot in both cases.

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Hi Anne Gregory could you share your workspace? It would be helpful to point you in the right direction as we can get insight into the whole code. If you haven't already, have you changed the CSS specifically in which element you want to apply this font to?

3 Answers

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Anne Gregory you haven't updated your CSS file in accordance to the font swap. You still have a reference for "Rubik Scribble" instead of "Rubik Doodle Triangles" on line 14 of https://w.trhou.se/jbjqg4nyck

Sure! The link to the snapshot with "Rubik Scribble" (https://w.trhou.se/hjlze99kwp) The link to the snapshot with "Rubik Doodle Triangles" (https://w.trhou.se/jbjqg4nyck) Finally, just for clarity, the link to the snapshot with the original (https://w.trhou.se/j79d5jxwjp)

That's what it is, thank you!