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

HTML How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Jake Guss
seal-mask
.a{fill-rule:evenodd;}techdegree
Jake Guss
Front End Web Development Techdegree Student 5,855 Points
Posted by Jake Guss
.a{fill-rule:evenodd;}techdegree
Jake Guss
Front End Web Development Techdegree Student 5,855 Points

Font not changing

I really don't know what went wrong, but somewhere in my code there's an issue.

The index.html

''' <link rel = "stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Roboto:900,400,700italic,700|Open+Sans:400,700' rel='stylesheet' type='text/css'> <link rel = "stylesheet" href="css/main.css"> '''

The main.css ''' /********** GENERAL **********/

wrapper {

max-width:940px; margin: 0 auto; padding: 0 5%; }

/********** LOGO **********/

/* site body*/ body { background-color: #fff; }

/* page-wide white text color*/ a, nav a:visited { text-decoration: none; color: white; }

logo {

text-align: center; margin: 0; color: #60CC4D; }

h1 { font-family: 'Roboto', sans-serif; }

/********** HEADER **********/

/* bright green header*/ header { background: #60CC4D; }

/* Jake Guss, designer*/ h1, h2 { color: #fff; }

/* green navigation bar*/ nav { background: #5CB24C; }

/* orange text color when selected*/ nav a.selected, nav a:hover { color: #FF7523; }

footer { background: #5CB24C; color: white } '''

Steven Parker
Steven Parker
231,275 Points
Steven Parker
Steven Parker
231,275 Points

Your blockquoting isn't quite right (did you remember to skip a blank line before the first triple-backtick line?). An even better way to share code is to make a snapshot of the workspace and provide the link to it.

While you're fixing that, would you elaborate a bit about what the "issue" is that you are experiencing?

1 Answer

Jake Guss
seal-mask
.a{fill-rule:evenodd;}techdegree
Jake Guss
Front End Web Development Techdegree Student 5,855 Points
Jake Guss
.a{fill-rule:evenodd;}techdegree
Jake Guss
Front End Web Development Techdegree Student 5,855 Points

The header logo's h1 (Jake Guss) is supposed to be roboto font, but for some reason isn't.

'''h1 { font-family: 'Roboto', sans-serif; } '''

Also, for some reason I'm having trouble understanding the syntaxing for html markdown. I feel like an idiot.