Google Font Import

Google Font Import
0.0 0

#1

Tell us what’s happening:
I am stuck at step of importing Google Font. I include that line which is require to for importing google font and I also use it for h2 element as said to do. But still it is not working. They said to “use an h2 CSS selector to change the font”. But I am not getting it. please anyone can help me ?

Your code so far


<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>
<main>
  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div>
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/import-a-google-font


#2

Your solution passes. Please note that Edge and Safari are garbage and if you’re using one of them, stuff just doesn’t work.


#3

@ArielLeslie you mean stuff as freeCodeCamp doesn’t work with Edge and Safari? For real development a lot of ppl use Safari and Edge so if you are ignoring that then something to re-consider.
I agree that would be nice if all browsers were supporting the latest and greatest stuff.


#4

They aren’t being ignored, but they require constant workarounds. Because they don’t adhere to standards, developers are constantly running into random things that are coded correctly but Edge or Safari just don’t do. You are welcome to keep using one of these browsers and be one of the people who is finding and reporting areas where the browser fails. Then you can wait while someone on the team figures out a hack that is a serviceable workaround. Or you can use a browser that actually interprets the language correctly. It’s completely your choice.


#5

I have exactly what you have but it still didn’t pass. What did you end up doing? Did you skip the challenge? Did it eventually work out?