Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

no me funciona la fuente traida de google, ayuda

hola, no me esta tomando la fuente, no se que debo hacer.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>barberia alura</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/reset.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&display=swap" rel="stylesheet"></head>
<body>
    <header> 
        <div class="caja">
            <h1><img src="img/imagenes/logo.png" alt="logo"></h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="productos.html">Productos</a></li>
                        <li><a href="contacto.html">Contacto</a></li>
                    </ul>
                </nav>
        </div>
    </header>

    <img class= "banner" src="img/banner.jpg" alt="imagen de barberia">

    <main>
        <section class="principal">

            <h2 class="titulo-principal"> Sobre la Barbería Alura </h2>
            <img src="img/utensilios[1].jpg" alt="utensilios de un barbero" class="utensilios">

            <p>Ubicada en el corazón de la ciudad, la Barbería Alura 
                trae para el mercado lo que hay de mejor para su cabello 
                y barba. Fundada en 2020, la <b>Barbería Alura</b> ya es destaque 
                en la ciudad y conquista nuevos clientes diariamente.</p>

            <p id="mision"><em>Nuestra misión es:<strong>"Proporcionar autoestima y calidad de 
                vida a nuestros clientes".</strong> </em></p>

            <p>profesionales experimentados que están 
            constantemente observando los cambios y movimiento en el 
            mundo de la moda, para así ofrecer a nuestros clientes 
            las últimas tendencias. El atendimiento posee un padrón 
            de excelencia y agilidad, garantizando calidad y 
            satisfacción de nuestros clientes.</p>
        </section>

        <section class="mapa">
            <h3 class="titulo-principal">Nuestra ubicacion</h3>
            <p>Nuestro establecimiento esta ubicado en el norte de la ciudad</p>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1
            d3976.0894029221213!2d-74.0238542!3d4.754488800000003!2m3!1f0!2f0!3f0
            !3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f8f7b4550d163%
            3A0x7bc9a18167cb1127!2zQ2wuIDE3NSAjNi02MCwgVXNhcXXDqW4sIEJvZ290w6E!
            5e0!3m2!1ses!2sco!4v1685038177740!5m2!1ses!2sco" width="100%" 
            height="300" style="border:0;" allowfullscreen="" loading="lazy" 
            referrerpolicy="no-referrer-when-downgrade"></iframe>
        </section>

        <section class="diferenciales">
            <h3 class="titulo-principal">Diferenciales</h3>

            <ul>
                <li class="items"> Atencion personalidades </li>
                <li class="items"> Espacio diferenciado</li>
                <li class="items"> Localizacion</li>
                <li class="items"> Profecionales calificados </li>
            </ul>

            <img src="img/diferenciales.jpg" alt="barbero trabajando" class="imagenDiferencial">

        </section>
    </main>


<footer>
    <img src="img/imagenes/logo-blanco.png">
    <p class="copyright">&copy Copyright Barberia Alura - 2023</p>

</footer>

</body>
</html>

` body{ font-family: 'Montserrat', sans-serif; }

1 respuesta
solución!

Que no te aparezca la fuente puede ser porque el style.css no esté en la carpeta css, también verifica que en tu codigo css no esté esa pequeña comilla antes del body como lo pusiste en el post, eso podria estar generando problemas tambien, saludos.