Entrar Ainda não tem acesso?
1
resposta

Consegui colocar mas eu não entendi?

Referente ao curso React com JavaScript: lidando com arquivos estáticos, no capítulo Fontes e estilos e atividade Faça como eu fiz

por Daniel Marcos Pires
| 70.3k xp | 24 posts

Eu coloquei o código 

@font-face {
  font-family: "GandhiSansRegular";
  src: local('GandhiSansRegular'),
     url('./fontes/GandhiSans-Regular.otf');
  font-weight: 500;
  display: swap;
}

@font-face {
  font-family: "GandhiSansBold";
  src: local('GandhiSansBold'),
     url('./fontes/GandhiSans-Bold.otf');
  font-weight: 500;
  display: swap;
}

Automaticamente todas as fontes viraram GandhiSansRegular menos o h1 do banner. Fui lá no style.module.scss e colocar o GandhiSansBold depois disso ficou tudo certo porquê será o que aconteceu eu não entendi?

1 resposta
por Renan Lima
| 3653k xp | 7697 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Daniel! Tudo bem?

Pelo que entendi, você adicionou duas fontes personalizadas ao seu projeto React, mas apenas uma delas estava sendo aplicada ao seu banner. Ao adicionar a fonte "GandhiSansBold" ao arquivo style.module.scss, você conseguiu aplicá-la ao seu h1.

Isso aconteceu porque o arquivo style.module.scss é responsável por definir o estilo dos elementos HTML na sua página. Ao adicionar a fonte "GandhiSansBold" nesse arquivo, você definiu que o h1 do seu banner deveria ter essa fonte.

Espero ter ajudado a esclarecer sua dúvida! Se tiver mais alguma pergunta, é só perguntar.

Bons estudos!