1
Friend just missed a point .
in the name of your class...
Every class name must start with a .
guy .rodape
and then you put the styles. And in HTML your element will be with class="rodape"
Ex:
.rodape {
font-family: 'Margarine', cursive;
font-size: 3rem;
}
<link href="https://fonts.googleapis.com/css?family=Margarine" rel="stylesheet">
<div class="rodape">
Odonto
</div>
I recommend you read this Mozilla documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/Seletores_CSS
Tip: If you are already indexing the source on head
of your website by <link href="https://fonts.googleapis.com/css?family=Bangers|Open+Sans" rel="stylesheet">
then there’s no reason for you to use the @font-face
in the CSS the way you did... Try to opt for one or the other approach, unless you want to make a fallback from source, which from what I’ve seen is not your intention.
The way you did the user is downloading the Font twice, once by the link on head
and one directly from your server ../fonte/etc
. Don’t do this is bad practice.
Please do not put the codes as an image, it is impossible to copy to reproduce the problem. The site has source code support, just do the [tour] to learn more.
– Woss
Take a look at this question: https://answall.com/questions/191805/como-e-qual-a-best-forma-de-usar-fontes-com-css/192591#192591 . Can help you.
– Alicia Tairini