Skip to content

Font degradation occurs even when font is being inserted correctly #7616

Closed
TheIllusionistMirage opened this Issue · 4 comments

3 participants

@TheIllusionistMirage

Issue Description

  • When Issue Happens
    Starting from the challenge Add Images to your Website Complete till the challenge Use an ID Attribute to Style an Element, the font for h2 degrades to Monospace even when Lobster is being fetched from Google fonts and the 'style' element of 'h2' is being defined as:
    h2 {
    font-family: Lobster, Monospace;
    }

  • Steps To Reproduce
    Visit the challenge pages for the challenges lying between the aforementioned tutorials. You will see the result in the HTML simulator of FCC as shown in the screenshots below.

Browser Information

  • Browser Name, Version Firefox 44.0.2
  • Operating System Fedora 22 Workstation, 32-bit

Screenshot

  1. First instance
    screenshot-1

  2. Second instance
    screenshot-1

NOTE:

This happens in all the challenges lying between the above mentioned challenges.

@mdelgadonyc

@TheIllusionistMirage This does not appear to be a FCC site error. I saw the same problem when I tested the code you posted on the jsfiddle.net site. What mitigated the problem for me was replacing http with https in the tag that pulls in the Lobster font from Google. As in:

-Moisés

@TheIllusionistMirage

Thanks @mdelgadonyc Yeah fixes for me too. Since Google Fonts is using HTTPS, I think it'd be better to use that in the challenges as well. But I don't seem to understand what's the technical reason behind this.

@N0bl3

It is probably because Cross Domain non secured requests I.E HTTP here are forbidden.

@raisedadead raisedadead closed this in #7613
@ghost

This is not me. I do not own a Mac or use browsers listed. Use cell phone to. Connect to Google

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.