Entrar Ainda não tem acesso?
2
respostas

Font-Family não é aplicada na chamada. Já verifiquei o Código diversas vezes mas o estilo da fonte só é aplicado no título.

Referente ao curso Layouts Responsivos: trabalhando com layouts mobile, no capítulo Ferramentas, unidades e imagens e atividade Aplicando estilos

por Guilherme Romero
| 13.4k xp | 4 posts
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width initial-scale=1.0">
        <title> Home| Apeperia</title>
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
        <link href="css/base.css" rel="stylesheet">
        <link href="css/chamada.css" rel="stylesheet">
        <link href="css/cabecalho.css" rel="stylesheet">
        <link href="css/reset.css" rel="stylesheet">
    </head>

    <body>
        <header class="cabecalho">
            <img src="img/logo-apeperia.svg" alt="logo-apeperia" class="cabecalho__logo">
            <nav class="cabecalho__navegacao">
                <ui>
                    <li class="cabecalho__link"><a href="#">Sobre</a></li>
                    <li class="cabecalho__link"><a href="#">Planos</a></li>
                    <li class="cabecalho__link"><a href="#">Blog</a></li>
                    <li class="cabecalho__link"><a href="#">Destaques</a></li>
                    <li class="cabecalho__link"><a href="#">Institucional</a></li>
                    <li class="cabecalho__link"><a href="#">Contato</a></li>
                </ui>
            </nav>
        </header>

        <main>
            <section class="chamada">
                <h1 class="chamada__titulo">APLICATIVOS NA MEDIDA</h1>
                <P class="chamada__texto">Apeperia tem um jeito inovador de comparar e montar aplicativos para pequenas e médias empresas.
                </P>
                <a href="#" class="chamada__botao">Conheça os planos</a>

            </section>
        </main>

    </body>
</html>
2 respostas
por Guilherme Romero
| 13.4k xp | 4 posts

Resolvido, a ordem o estava errada e estava tirando a formatação dos meus estilos.

por Gabriela Nori
| 106.9k xp | 50 posts

Olá Guilherme, tudo bem?

Estava observando seu código agora e percebi que seu arquivo reset.css está em ultimo lugar, 

  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
        <link href="css/base.css" rel="stylesheet">
        <link href="css/cabecalho.css" rel="stylesheet">
        <link href="css/chamada.css" rel="stylesheet">
        <link href="css/reset.css" rel="stylesheet">

Seria o ideal colocá-lo em primeiro, para que o navegador fique zerado e sem nenhum tipo de valor padrão

  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
        <link href="css/reset.css" rel="stylesheet">
        <link href="css/base.css" rel="stylesheet">
        <link href="css/cabecalho.css" rel="stylesheet">
        <link href="css/chamada.css" rel="stylesheet">

Nesta referência esta explicado o que o reset.css faz

Espero ter ajudado

Até mais

Editado: Acabei de ver que você tinha encontrado sobre a ordem dos arquivos, mas deixo aqui o comentário sobre o "reset".