Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Desafio, curso

Referente ao curso Tailwind CSS: estilizando a sua página com classes utilitárias, no capítulo Alura Newsletter e atividade Desafio

por Pedro Ernesto Silva da Cunha
| 159.6k xp | 178 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
| 3637.5k xp | 7671 posts
Alura Scuba Team Apoio Educacional - Alura

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.