eu tentei fazer igual na aula de html, mas não deu certo, a fonte Montserrat não apareceu no site
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
eu tentei fazer igual na aula de html, mas não deu certo, a fonte Montserrat não apareceu no site
Vladmir, compartilha seu código pra gente entender o que houve.
De qualquer forma, os passos são os seguintes:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Tocador de música</title>
<!-- import das fontes direto -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
</head>
<body>
<!-- definindo a família. essa parte aqui pode estar num arquivo CSS -->
<style>
* {
font-family: 'Montserrat', sans-serif;
}
</style>
</body>
</html>Olá muito obg pela ajuda,
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
<link href="https://fonts.googleapis.com/css?family=Palette+Mosaic:regular" rel="stylesheet" />
</head>
<body>
<header>
<div class="caixa">
<h1>
<img src="logo.png"></h1>
<nav>
<ul>
<li><a href="file:///C:/Users/Vladmir/Desktop/html%20css/index.inicial.html">Home</a></li>
<li><a href="produto.html">Produtos</a></li>
<li><a href="file:///C:/Users/Vladmir/Desktop/segunda%20pagina%20web/contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<img class="banner" src="banner.jpg">
<main>
<section class="principal">
<h2 class="alinhamento">Sobre a Barbearia Alura</h2>
<img class="utensilios" src="utensilios.jpg" alt="Utencilios de um barbeiro.S">
<p style="text-align: center;">Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado oque há de melhor paraseu cabelo e barba.
Fundada em 2019, a Barbearia alura ja e destaque na cidade e conquista nocos clientes a cada dia.</p>
<p id="p2"><em>Nossa missão e:<strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong></em></p>
<p style="text-align: center;">Oferecemos proficionais experientes e antenados as mudanças no mundo da moda. O atendimento possui padrão de exelencia e
agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</section>
<section class="Beneficios">
<h3 class="alinhamento">Beneficios</h3>
<ul>
<li class="itens">Atendimento aos nossos clientes</li>
<li class="itens">Espaco diferenciado</li>
<li class="itens">Localização</li>
<li class="itens">Proficionais Qualificados</li>
</ul>
<img src="beneficios.jpg" class="imgBeneficios">
</section>
© Copyrigt Barbearia Alura - 2022
o meu código e esse, pode me mostrar onde eu errei?
Acho que o primeiro ponto é inverter a ordem dos imports:
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Palette+Mosaic:regular" rel="stylesheet" />O reset.css tem de vir antes do seu style.css, para não que ele não sobreponha os seus estilos.
Agora, dentro do style.css, você precisa localizar o ponto em que define a família da fonte, desse jeito:
* {
font-family: 'Montserrat', sans-serif;
}Se não encontrar, compartilha o conteúdo do seu style.css aqui que a gente analisa juntos!
Entendi, muito obg pela ajuda <3