[Dúvida] Desafio, curso | Tailwind CSS: estilizando a sua página com classes utilitárias

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Pedro Ernesto Silva da Cunha

| 117.7k xp | 120 posts

As fontes não estão sendo adicionadas às minhas páginas. Esse é meu código do desafio:

  <script src="https://cdn.tailwindcss.com"></script>
    <script>
    tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#f2dae7'
                    },
                    fontFmaily:{
                        vast: ['Vast Shadow', 'cursive']
                    }
                }
            }
        }
     </script>
</head>
<body class="">
    <div class="p-10 m-auto my-10 flex flex-col w-2/5 bg-gradient-to-r from-pink-300 to-slate-400 justify-center">
        <p class="text-6xl font-black text-primary font-vast">Gabriela</p>
        <p class="text-4xl">Desenvolvedora Front-end</p>
    </div>
</body>

1 resposta

solução!

por Renan Lima

| 2884.5k xp | 5998 posts

Instrutor Scuba Team

01/11/2023

Olá, Pedro.

Tudo bem?

No seu código JavaScript, você cometeu um erro de digitação ao definir a propriedade fontFamily. Ela deve ser escrita como "fontFamily" e não "fontFmaily". Além disso, a propriedade theme deve ser uma propriedade do objeto tailwind (supondo que você esteja tentando personalizar o Tailwind CSS). Aqui está o código corrigido:

<script>
    const tailwind = {
        theme: {
            extend: {
                colors: {
                    primary: '#f2dae7'
                },
                fontFamily: {
                    vast: ['Vast Shadow', 'cursive']
                }
            }
        }
    }
</script>

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.