3
respostas

Não consegui importar as fontes, onde errei? Please!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Mesmo mudando as fontes, não consegui que no meu projeto ela ficasse como na aula. Alguem consegue me ajudar?

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

  • { margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color: #000000; color: #F6F6F6; }

.titulo-destaque { color: #22D4FD; }

.apresentacao { margin: 10%; display: flex; align-items: center; justify-content: space-between; }

apresentacao__conteudo { width: 615px; height: }

apresentacao__conteudo__titulo { font-size: 36px; font-family: 'Krona One', sans-serif; }

apresentacao__conteudo__texto { font-size: 24px; font-family: 'Montserrat', sans-serif; }


Eleve seu negócio digital a outro nível com um Front-end de qualidade!

Sou Rafael Maia, desenvolvedor Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?

Instagram Github Foto da Joana Santos programando
3 respostas

Boa noite Rafael, tudo bem?

Inicialmente recomendo carregar as fontes de forma individual, fica mais fácil para voce visualizar e alterar se necessário, exemplo:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

Em relação ao código não sei se ficou faltando voce colar algo mas temos tres linhas "apresentacao__conteudo", "apresentacao__conteudo__titulo" e "apresentacao__conteudo__texto" que não estao sendo declaradas como id (pois falta o # no começo) e nem por classe (pois falta o . no começo), recomendo revisar seu codigo e corrigir.

Exemplo do seu codigo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Abraço!

Obrigado Fernando, me ajudou a entender minha falha.

Muito legal saber que deu certo!

Por favor, marque este tópico como "RESOLVIDO" para que outras pessoas possam aproveitar a resposta caso tenham a mesma dúvida.

Abraço!