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

Projects
#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: .

1 Like
#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";
}
1 Like
#11

I’m having the exact same problem. I used 100% identical code as in the video, checked a million times, and its still not giving me the correct font. (I did skip the step before this, because I knew how to do it, and I’m lazy, would this affect it at all? I don’t see why it would as it involved completely seperate css rules).

#12

I had the same problem. When I put the url in “” it worked.

@font-face {

font-family: ‘Croissant One’;

src: url(“fonts/CroissantOne-Regular.ttf”);

}