I can't create the font family of an element

Tell us what’s happening:

Your code so far

<style>
  .red-text {
    color: red;
  }

  p {
    
  
font-family: monospace;
  }
</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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 4.4.2; Xplorer ZV Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.137 Mobile Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/set-the-font-family-of-an-element

:flushed::flushed::flushed::flushed::flushed::flushed:

Hello @Zabir
Just paste this below code in your css tab

p {
font-family: **here some family name**, monospace;
  }

The code you entered is not working because by default some fonts only supports on browser! So if you need some stylish fonts you need to place the url link on css tab… monospace is a generic name and not a family name so it won’t show but if you add any font and add an , then type monospace like I typed above !! It will change the font format !

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Space+Mono">

After setting up this link paste the css code that i have typed first !!
For example:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Space+Mono">
P {
font-family: ‘Space Mono’ , monospace;
}

I hope
This will shed light on your question!

Sorry for the bad English!