Treehouse: Grow your CSS skills. Land your dream job.

Cannot access https fonts from http

  • # June 11, 2013 at 9:39 pm

    So here’s the problem, it’s a doozy.

    Note the font in the menu at the top of the website as well as the font in the vertical menu that starts with “Company Overview”. These fonts are CartoGothicStdBook, 1em.

    Go ‘head and click on “Company Overview”. It becomes bold; CartoGothicStdBold, 1em. Note that all the other fonts remain CartoGothicStdBook, 1em.

    Now go ‘head and click on “Image & Video Library”. Now look at the fonts in both menus. They have changed from the CartoGothicStdBold & Book to a plain sans-serif fallback. They remain 1em.

    There’s nothing wrong with the CSS, it’s below.

    Here’s the tricky part: “Images & Video Library” are on while the rest of the site is on We had to do this because Vimeo, for whatever reason, didn’t like https and that’s who we use in the “Images & Video Library” section.

    This is a puzzle I can’t seem to solve. I’ve tried everything I know, I’m at the end of my rope. Can anyone help?

    If you look at the console you’ll see that it’s failing to load the fonts – I have no idea why.

    .content-side-nav {
    font-family: “CartoGothicStdBook”, sans-serif;
    font-size: 1em; }
    .content-side-nav li {
    border-bottom: 1px solid #e3e6e8; }
    .content-side-nav a, .content-side-nav a:visited {
    font-family: “CartoGothicStdBook”, sans-serif;
    display: block;
    width: 140px;
    text-decoration: none;
    color: #67747c;
    margin: 3px 0; }
    .content-side-nav a:hover {
    color: #5fa75a; }
    .content-side-nav span {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 5px 0; }
    .content-side-nav .selected a {
    font-family: “CartoGothicStdBold”, sans-serif;
    font-weight: bold;
    background: #aeb7bd;
    color: white; }

    # June 11, 2013 at 10:10 pm

    Images & Video Library link is not loading for me.

    Got it to load, but it took FORVER.

    Default font am getting is Verdana not CartoGothicStdBold.

    # June 11, 2013 at 10:54 pm

    right, but only on the Images & Video link. The rest are CartoGothicStdBook. Would you mind posting a screenshot if you see otherwise?

    # June 11, 2013 at 10:54 pm

    @Wolfcry911 I’d appreciate your input on this.

    # June 11, 2013 at 11:02 pm

    OK it may be me, but it’s all working fine for me on Win7/Chrome… CartoGothicStdBook all around.

    # June 11, 2013 at 11:16 pm

    @tannercampbell Works for me as well. What browser are you using and can you clear your browser cache to double check that it isn’t working?

    # June 11, 2013 at 11:24 pm

    I’ve refreshed AND incremented the css file to ensure I’ve pulled down the latest. These fonts look VERY similar, are you all sure you’re not seeing anything different? I’m going to post a screenshot. I’m using FF21 (WIN).

    # June 11, 2013 at 11:29 pm




    # June 11, 2013 at 11:29 pm

    The difference is VERY slight. You guys can’t see this?

    # June 11, 2013 at 11:40 pm


    # June 11, 2013 at 11:42 pm

    I’m losing my patience on this one. I’m going to take a breather and eat some dinner. If anyone can figure anything out, I would very much appreciate it.

    # June 11, 2013 at 11:46 pm

    I can assure you that I know the different between Verdana and CartoGothic.

    Initially I didn’t check the Image/Video gallery tab. But now that you clarified it, I don’t see CartoGothic rendering but rather Verdana. Let me take another look.

    # June 11, 2013 at 11:47 pm

    That’s why I’m glad you’re here @ChrisBurton – you’re a font jedi.

    # June 11, 2013 at 11:50 pm

    @tannercampbell Are you aware that you have Verdana set in some places but not CartoGothic? Such as h3’s.

    # June 11, 2013 at 11:55 pm

    What you pointed out in your screenshot above that is “No Good” renders CartoGothic.

Viewing 15 posts - 1 through 15 (of 32 total)

You must be logged in to reply to this topic.