Fonte não fica bold no Chrome

Pode mandar seu código para gente ajudar?

Deixei um exemplo pra você: https://codepen.io/reiswalter/pen/rNjRKYB

Acho que meu código está correndo porque no Safari aparece em negrito e no Chrome não.

Segue código:

            <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>

.principal strong {
    font-weight: bold;
}

Não entendi o que vc deseja deixar em negrito.

A tag strong já deixa as palavras entre ela em negrito, não é preciso css para isso. Pode tirar o código css que funciona normalmente.

Vc pode testar esse código e ver q toda tag strong ficará em vermelho:

.principal strong {
    color: red;
}

Realizei as alterações, porém continua na mesma.

No link a seguir tem duas imagens. Uma do texto em negrito no Safari e outra do mesmo texto no Chrome. Em um aparece negrito e em outro não.

https://drive.google.com/drive/folders/1QxV8wPsQ9IO2Z93vF4STegHchiuTaKKe?usp=sharing