question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Google font text 'Lobster' doesn't turn blue like other CSS elements, in editor.

See original GitHub issue

Challenge 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

screen shot 2016-10-12 at 10 50 58 am

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
Pratikshagitcommented, Oct 14, 2016

@systimotic and @dhcodes …thanks for your response, my confusion is clear now. 😃

1reaction
ooadecommented, Oct 13, 2016

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 😄

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found