Aqua1
February 15, 2018, 1:06am
1
Tell us what’s happening:
I don’t understand why it keeps telling me to use Lobster font when I already am.
Your code so far
h2 {
font-family:font-family:}
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: Monospace;
}
CatPhotoApp
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
<style>
h2 {
font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
.red-text {
color: red;
}
p {
font-size: 16px;
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 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>
Your browser information:
Your Browser User Agent is: Mozilla/5.0 (X11; CrOS armv7l 10032.86.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.140 Safari/537.36
.
Link to the challenge:
https://www.freecodecamp.org/challenges/import-a-google-font
font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
This is wrong. Look at the instructions again carefully.
1 Like
Yes, look at the instructions carefully
Also, this might help you see something clearly:
Aqua1
February 15, 2018, 1:14am
4
Okay I got that down but now my P mono space is all messed up and it looks fine but it just keeps telling me to fix it
What is your current code?
Aqua1
February 15, 2018, 1:20am
6
<style>
h2 {
font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
.red-text {
color: red;
font-family:Lobster
}
p{
font-size: 16px;
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 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>
I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>
) will also add backticks around text.
Aqua1
February 15, 2018, 1:22am
8
Thanks! That totally makes sense now
font-family:font-family:<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
You still have this line.
You are adding the Lobster font to the red-text
class instead of to h2
elements.
Aqua1
February 15, 2018, 1:27am
10
OK cool Thanks for the help