Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Fonte web não é importada

Tento importar a fonte do google fonts, mas mesmo estando tudo idêntico, ela não é importada.

<head>
        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="style-home.css">
        <link rel="stylesheet" href="reset.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap" rel="stylesheet">
    </head>

E o css tá assim:

body {
    font-family: 'Kiwi Maru', serif;
}

Eu já tentei de tudo, trocar o código do body pra especificar como: header, main, footer. Porém o máximo que aconteceu foi alguns cantos ficarem com a fonte e distorcendo as cores de background. fiz algo errado?

2 respostas
solução!

Olá, Samuel!

O arquivo "style-home.css" define o estilo da sua página e o arquivo "reset.css" reseta algumas informações da sua página, inclusive informações que você definiu no "style-home.css". Ou seja, para resolver o problema devemos trocar a ordem das linhas referentes à esses dois arquivos CSS, devemos primeiro resetar o estilo padrão que o próprio navegador nos dá para depois incluir o estilo definido por nós.

Portanto, basta trocar as linhas do "style-home.css" e do "reset.css" para a fonte funcionar:

<head>
        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style-home.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap" rel="stylesheet">
</head>

Espero ter ajudado, abraços

Eu não tinha me antenado a isso, ajudou bastante Renan, conseguiu resolver aqui, Boa noite e abraços :D