Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] A página não fica em negrito com a fonte importada

Referente ao curso HTML5 e CSS3 parte 4: avançando no CSS, no capítulo Conteúdo externo e atividade Fontes externas

por David Silva de Almeida
| 77.7k xp | 14 posts

Olá! Preciso de ajuda. Quando eu importo a fonte Montserrat, as tags de do meu HTML deixam de estar em negrito. O que devo fazer?

<head>
        <meta charset="UTF-8">
        <title>Barbearia Alura</title>
        <link rel="stylesheet" href="../reset.css">
        <link rel="stylesheet" href="../style.css">

        <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:wght@100&display=swap" rel="stylesheet">

    </head>
<section class="principal">
                <h2 class="titulo-principal">Sobre a Barbearia Alura</h2>

                <img class="utensilios" src="../utensilios.jpg" alt="Utensilios de um barbeiro">

                <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

                <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

                <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
            </section>
body{
    font-family: 'Montserrat', sans-serif;
}
.principal strong{
    font-weight: bold;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
por Natan Souza
| 2115.9k xp | 3725 posts
Instrutor Product Design Lead

david, testei aqui e parece ok https://jsbin.com/woxaxayinu/edit?html,css,output

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

tenta dar botao direito inspecionar elemento no seu navegador bem em cima do texto 'barbearia alura' e ve no canto direito se tem algo errado

abcs!

solução!
por David Silva de Almeida
| 77.7k xp | 14 posts

Olá! Consegui resolver o problema. Quando entrei no site Google Fonts e selecionei a fonte Montserrat, adicionei cada um dos tipos da fonte Montserrat. Então, o Google Fontes criou um link com todos os tipos da fonte Montserrat. Na primeira vez, quando estava dando erro, eu havia adicionado apenas a primeira opção que apareceu da fonte Montserrat (Thin 100). Por que ocorreu o erro na primeira vez?

<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">
body {
    font-family: 'Montserrat', sans-serif;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por Willian Ubiratan Da Silva
| 55.8k xp | 18 posts
Estudante

Rsrsrs sim sempre atentar para os minimos detalhes esses fazem a gente quebrar a cabeça kkkkk...