[Fixed] Fallback font


#1


https://www.codecademy.com/courses/learn-html-css/lessons/css-fonts/exercises/fallback-fonts


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;
}


#2

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


#3

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!


#4

h1, h2, h3 {
font-family: Georgia, 'Garamond', serif;
}

this one worked for my .


#5

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


#6

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


#8

h1 {
font-family: "Garamond", "serif";
}


#9

h1 {
font-family: Garamond, serif;
}


#10

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


#11

Im having the same problem with the second Instruction


#12

work for me dude lol


#13

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