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 How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Radu Zurbau
Radu Zurbau
501 Points
Posted by Radu Zurbau
Radu Zurbau
501 Points

How come my Google Fonts link only worked after I erased the http: ?

So here's my initial code from google fonts..

<link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'>

No matter how much I tried it just didn't want to work - meaning it would not apply Changa One to my h1 .

However after I erased the http: , it worked. Does anyone know why?

ole haugset
ole haugset
Courses Plus Student 3,892 Points
ole haugset
ole haugset
Courses Plus Student 3,892 Points

Could you please supply us the code you are using to retrieve the font files from google. Mind that if the url starts with // then you shall not append the protocol of the connection domain string. This is typical for CDN calls like getting fonts.

A CDN call would typically look like: //fonts.google.com/path/to/your/font

A "normal" implementation http(s)://fonts.google.com/path/to/your/font