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

Posted by Susan Finlayson
Susan Finlayson
4,179 Points

Fonts

I followed the How to Make a Website. I am having issues with the font Changa One. It works if I put the index.html in the browser. I am using GIthub and when I go there and check the website it does not use Changa One but san-serif, the code is the same, so why won't it work? https://susanjf.github.io/

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,863 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,863 Points

Hi Susan,

If you open Developer Tools (I'm using Chrome) when you open your page on Github, you get the following message:

"Mixed Content: The page at 'https://susanjf.github.io/index.html' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Changa+One|Open+Sans+Condensed:300|Open+Sans:400,400italic,700,700italic,800'. This request has been blocked; the content must be served over HTTPS."

So, your Changa One font isn't loaded because of a setting within Github and is being blocked. I haven't used Google Fonts enough to tell you if there is a work around for this, but I'm sure someone else will.

For now, just know it's Github and HTTPS vs HTTP.

Page looks good! :)

Susan Finlayson
Susan Finlayson
4,179 Points

Thanks Jason!

Kylee Brun
Kylee Brun
4,612 Points
Kylee Brun
Kylee Brun
4,612 Points

Have you verified that the Font Family in your css stylesheet also reflects the Changa One font?

Susan Finlayson
Susan Finlayson
4,179 Points

I think so, I have this in my css :

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }