Google font text 'Lobster' doesn't turn blue like other CSS elements, in editor.
See original GitHub issueChallenge Name
Issue Description
Browser Information
- Google Chrome, Version : 53
- OS X Yosemite 10.10.5
- Laptop
Your Code
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: Monospace;
}
h2 {
font-family: Lobster;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Screenshot
Issue Analytics
- State:
- Created 7 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
Google font text 'Lobster' doesn't turn blue like other CSS ...
I'm not able to replicate this. If I use your code @Pratikshagit, and change the color attribute in .red-text to blue instead of...
Read more >Lobster - Google Fonts
Google Fonts : Lobster We draw many versions of each letter and a lot of different letter-pairs (aka "ligatures") so we always use...
Read more >FreeCodeCamp/Help - Gitter
First, you'll need to make a call to Google to grab the Lobster font and load it into your HTML. Copy the following...
Read more >Lobster Google fonts doesn't works - Stack Overflow
The Lobster you load contains only the standard latin glyphs. You need latin-ext (latin extended) subset as well. Like this:
Read more >Web Development Chapter 2 (CSS) Flashcards | Quizlet
Study with Quizlet and memorize flashcards containing terms like CatPhotoApp, h2 {color: blue;} , .red-text { color: red; } p { font-size: 16px;...
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
@systimotic and @dhcodes …thanks for your response, my confusion is clear now. 😃
It shouldn’t be logged as an issue since you’re just curious to know why the imported font don’t change color in the editor. You should’ve just googled that 😄