eu tentei fazer igual na aula de html, mas não deu certo, a fonte Montserrat não apareceu no site
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