[Fixed] Fallback font


<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
Error: “Did you add the fallback fonts to the main heading?”


body {
/* Old browsers /
background: #141E30;
Chrome 10-25, Safari 5.1-6 /
background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(-45deg, #35577D, #141E30);
margin: 0;
padding: 0;

h1 {
color: #FFF;
font-size: 32px;
padding-top: 100px;
text-align: left;
width: 60%;
font-family: Georgia, Garamond, serif;

h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
font-weight: 100;
font-size: 22px;
line-height: 24px;
padding-bottom: 30px;
text-align: left;
width: 70%;
font-family: Georgia, Garamond, serif;

p {
color: AliceBlue;
line-height: 1em;
text-align: left;
width: 100%;
font-family: Helvetica;

.byline {
color: rgba(255, 255, 255, 0.5);
float: left;
font-family: ‘Roboto’, sans-serif;
font-weight: 100;
font-size: 14px;
padding-left: 10px;
text-transform: uppercase;

.caption {
background-color: rgba(0, 0, 0, 0.6);
color: rgba(255, 255, 255, 0.65);
display: block;
font-family: ‘Playfair Display’, serif;
font-size: 14px;
font-style: italic;
line-height: 14px;
margin-left: 20px;
padding: 10px;
position: relative;
top: 80%;
width: 60%;

.content {
padding: 40px;

.image {
background-image: url(“https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_soccer.jpeg”);
background-size: cover;
background-position: center;
height: 300px;

.writer-img {
-webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
-moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
float: left;
width: 50px;

<do not remove the three backticks above>

Switching browsers solved this problem for me. Firefox 46.0.1 didn’t work, but Chrome 51 worked.

Hi there, my browser is having the same problem.
Switching from Mozilla to Chrome or even Explorer won’t fix anything.
I’m stuck with this exercice even though the code is correct.
If someone has another solution, please let me know!

h1, h2, h3 {
font-family: Georgia, ‘Garamond’, serif;

this one worked for my .

none of them works.
what should I do at least just passing this lesson.

Hi dude
I stuck here
someone guide how can I get ride of it.

h1 {
font-family: “Garamond”, “serif”;

h1 {
font-family: Garamond, serif;

The top post fixed the problem but it took me several tries.

Im having the same problem with the second Instruction

work for me dude lol

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.