Import a Google Font Challenge
See original GitHub issueDescribe your problem and - if possible - how to reproduce it
Test on “Import a Google Font” Challenge (CSS) fails when declaring a fallback font.
This code fails the test with the output “Use an h2 CSS selector to change the font.”:
h2 {
font-family: Lobster, monospace;
}
This code passes all tests:
h2 {
font-family: Lobster;
}
Add a Link to the page with the problem
Tell us about your browser and operating system
- Browser Name: Firefox Quantum
- Browser Version: 60.0.2 (64-bit)
- Operating System: Ubuntu Mate 18.04
If possible, add a screenshot here
Issue Analytics
- State:
- Created 5 years ago
- Comments:10 (4 by maintainers)
Top Results From Across the Web
freeCodeCamp Challenge Guide: Import a Google Font
The below example shows one of the ways in which you can import and use a Google Font. The example uses a link...
Read more >freeCodeCamp/import-a-google-font.md at main - GitHub
To import a Google Font, you can copy the font's URL from the Google Fonts library and then paste it in your HTML....
Read more >How to Use Google Fonts and Custom Fonts in Jotform
Getting Your Google Fonts Import Code · Click the icon on the top-right corner of the page to open the Selected family panel....
Read more >Early Access - Google Fonts
... of Hebrew fonts available for web design and especially to challenge the ... @import url(http://fonts.googleapis.com/earlyaccess/amstelvaralpha.css); ...
Read more >How to import Google Fonts in HTML ? - GeeksforGeeks
To use a custom font, we need to import the font family from the web font service, Google Fonts, in this case. Method-1:...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
There is some discussion in the challenge about setting a GENERIC_NAME font as a fallback, so it seems inappropriate for the test to return a fail if one declares a generic fallback font in the editor. It’s probably fine either way. But it could confuse newcomers to demonstrate using a fallback font, and then failing them for doing so. Users may wrongly assume there is a problem with their syntax.
Try typing this as it is…
h2 { font-family: Lobster; }
it worked for me!