1
resposta

Fonte

Na hora de copiar o @import com as duas fontes aparecem números a mais. Não sei se é esse o problema, mas o h1 não está ficando parecido de jeito nenhum com o modelo proposto. Alguém sabe como mexer aqui?

1 resposta

Olá, Fernanda, como vai?

O @import que você mencionou é usado para carregar fontes do Google Fonts no seu projeto. O formato dele pode variar dependendo das configurações escolhidas no site do Google Fonts. Vamos explicar por partes, imagino que para você o import esteja mais ou menos assim:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

A parte :ital,wght@0,100..900;1,100..900 significa que você está carregando vários estilos da fonte Montserrat:

  • ital: Estilos itálicos.
  • wght: Intervalo de pesos da fonte, de 100 a 900.
  • 0,100..900;1,100..900: Carrega os pesos normais e itálicos.

Esses números adicionais não causam problemas diretamente ao projeto, então se for o caso, não há problemas em deixá-lo assim.

Agora, sobre o problema com o <h1>, pode ser que tenha alguma coisa no código impedindo que o estilo seja aplicado. Tente colar no css o seguinte trecho que foi usado durante o curso:

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

Se ainda não funcionar, eu peço que você, por favor, compartilhe conosco o seu código, assim poderei analisar com mais detalhes o que pode estar acontecendo!

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado