Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
11
respostas

PROBLEMA NA FONTE, ALGUEM ME AJUDA POR FAVOR!!!

A FONTE NÃO QUER CARREGAR E O NOME DELA NO CÓDIGO NÃO ESTÁ EM NEGRITO, TEM ALGUM ERRO?

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

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    box-sizing: border-box;
    background-color: black;
    color: white;
}

.titulo-destaque {
    color: #0ff4c6;
}

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

.apresentacao__conteudo {
    width: 615px;
}

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

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

Olá Maycon, tudo bem? Pelo código que você postou, parece que você está tentando importar duas fontes do Google Fonts, a Krona One e a Montserrat. No entanto, você digitou "wight" em vez de "weight" na linha da Montserrat, o que pode estar causando o erro na hora de carregar a fonte. Tente corrigir essa linha e veja se a fonte carrega corretamente. Quanto ao nome da fonte não estar em negrito, isso pode depender da propriedade que você está usando para aplicar a fonte. Verifique se você está usando a propriedade "font-weight: bold" para aplicar o negrito na fonte. Espero ter ajudado e bons estudos!

Olá, eu corrigi a palavra "weight' e mesmo assim nâo deu certo, e sobre a propriedade como eu faço para usando para aplicar a font?

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

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    box-sizing: border-box;
    background-color: black;
    color: white;
}

.titulo-destaque {
    color: #0ff4c6;
}

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

.apresentacao__conteudo {
    width: 615px;
}

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

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

Tem como eu por a foto do meu portfolio aqui para você ver como que esta?

Porque mudou de fonte só que não para a certa.

Tenta atribuir o font-weight direto na classe específica, tenta o font-weight: 400;, ou o font-weight: bold;.

Você pode arrastar a imagem de print da sua pasta e soltar aqui no campo de escrever no fórum

Você fala no @import url?

Ok, vou add a foto aqui.

Não está dando certo para adicionar a print.

solução!

Não apareceu seu print.

Tenta utilizar esse import no seu projeto:

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

Deu certooo, muito obrigado pela ajuda!!!

Aeee, ai sim. Que bom que deu certo. Fico feliz em ajudar :)