3
respostas

[RESOLVIDO] FONTE NÃO MUDA

Boa noite, depois de terminar o curso de "HTML e CSS: Classes, posicionamento e Flexbox", eu decide mudar a fonte do meu projeto, depois de eu colar as URL das fontes novas e colar a família em que ela pertencia a fonte não mudou, ai eu decide comentar "/* " as fontes antiga, mesmo tendo feito isso elas continuam sendo usada, até mesmo se eu apagar elas do .CSS, poderiam me ajudar?

Código .CSS

 * {
    margin: 0;
    padding: 0;
}


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

.textoinicial {
    color: #22D4FD;
}

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

.apresentacao__conteudo {
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

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

.apresentacao__conteudo__titulo__texto {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.apresentacao__links {
    display: flex;
    justify-content: space-between; 
}

.apresentacao__links__link {
    background-color: white;
    border-radius: 16px;
    width: 140px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 19px 0;
    color: black

}

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



/*fonte para usar
@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&family=Nunito:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');*

Att: Consegui resolver botando o código das fontes no inicio do .CSS

3 respostas

olá, tenta fazer desta forma:

* {
    margin: 0;
    padding: 0;
}


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

.textoinicial {
    color: #22D4FD;
}

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

.apresentacao__conteudo {
    width: 615px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.apresentacao__conteudo__titulo {
    font-family: ** "aqui colocar a fonte que pegou nova";**
    font-size: 30px;
}

.apresentacao__conteudo__titulo__texto {
    font-family:** "Aqui colocar a fonte que pegou nova"**
    font-size: 16px;
}

.apresentacao__links {
    display: flex;
    justify-content: space-between; 
}

.apresentacao__links__link {
    background-color: white;
    border-radius: 16px;
    width: 140px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: **"aqui colocar a fonte que pegou nova"**
    text-align: center;
    padding: 19px 0;
    color: black

}

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



@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&family=Nunito:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');

ótimo resolução do problema