Https://www.codecademy.com/paths/web-development/tracks/getting-more-advanced-with-design/modules/learn-css-typography/projects/typography-ii

#1

Hi, i’m in stuck with the 2 last points of this exercise.
i make all of things right but the ‘‘Croissant One’’ fonts don’t work.
Can someone explain me why, please?
I watched the video to see where I went wrong, but I did everything right.

thank you for assistance

digit@font-face {
  font-family:"Croissant One";
  src: url("fonts/CroissantOne-Regular.ttf");
}

[...]

footer {
  display: flex;
  align-items: center;
  padding: 0 1%;
  background-color: #212121;
	font-family:"Croissant One";
}
#2

Remove the digit in front of @font-face. The only difference I could find with my code. Hope this helps :wink: .

#3

Lol! That s not the error.
This is the default string that I ve not deleted in this text box. ‘’ digita qui’’ it means “type here” in my lenguage. :slight_smile:

#4

Ah, did not know that :wink: . My bad.

#6

Found it! You should put the font-family attribute in footer .content!

footer .content {
  flex-grow: 1;
  font-style: italic;
  color: #9b9b9b;
  line-height: 1.5;
  font-family: "Croissant One";
}
#7

Thank you, but i ve try now and it don’t work. i don’t know how. maybe it’s a bug.
however, in the solution video, the developer put this into footer{}.

#8

I am lost as to what it should be then… :frowning:

#9

no problem. thank you so much.
last question. the font path is correct for you?

#10

This is what I got:

@font-face {
  font-family: "Croissant One";
  src:url(fonts/CroissantOne-Regular.ttf);
}

footer .content {
  flex-grow: 1;
  font-style: italic;
  color: #9b9b9b;
  line-height: 1.5;
  font-family: "Croissant One";
}