Font degradation occurs even when font is being inserted correctly #7616
TheIllusionistMirage
commented
mdelgadonyc
commented
@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
commented
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
commented
It is probably because Cross Domain non secured requests I.E HTTP here are forbidden.
ghost
commented
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
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
Screenshot
First instance
Second instance
NOTE:
This happens in all the challenges lying between the above mentioned challenges.