Como Adicionar Fontes Personalizadas no Tailwind CSS - Curso Gratuito de TailwindCSS #3

[@CodigoAoPonto]

💡 Acesse aqui a playlist do curso para você dominar o Tailwind CSS kzbin.info/aero/PL_m43UlJFjF5umRjQW1eaLgJmsEpF_Q2E

[@eduardofagundesferreira8891]

Mais uma pra conta. show!

[@russobradock]

Show, bem legal.

[@ALEXANDROJAFS]

LEgal. Mas é um trampo grande viu. Caso eu tenha várias fontes em um projeto e ter que fazer isso toda vez.

[@CodigoAoPonto]

As etapas de configuração de um projeto podem ser chatas e/ou demoradas, mas fazendo essa configuração logo no inicio do projeto vai te salvar muito tempo quando o projeto crescer. No cenário do video, foi necessário declarar as font faces porque são fontes que eu estou servindo localmente, dentro do meu projeto. Mas, por exemplo, se você utiliza uma fonte de uma CDN como Google Fonts não será preciso declarar as font faces, sendo necessário apenas importar o link das fontes do Google Fonts. Fico muito feliz que tenha gostado, se tens interesse em aprender mais sobre o Tailwind CSS, te convido a acompanhar a playlist do curso 💡 kzbin.info/aero/PL_m43UlJFjF5umRjQW1eaLgJmsEpF_Q2E

[@ALEXANDROJAFS]

@@CodigoAoPonto Era isso que faltou dizer, eu também iria dizer que vou acompanhar o curso já que está no inicio.

[@CodigoAoPonto]

@@ALEXANDROJAFS show de bola, se tiver sugestões ou dúvidas durante o curso, só enviar 😄

[@ALEXANDROJAFS]

uma pergunta: se for usar as fontes do google é esse mesmo processo?

[@CodigoAoPonto]

Sim, você vai importar as fontes do Google Fonts na tag Link do seu HTML e depois vai precisar extender o arquivo tailwind.config.js A diferença dessa abordagem é que você não vai precisar adicionar as font faces das fontes do Google. No entanto, em uma aplicação profissional, é recomendando não utilizar fontes dessa forma, pois o seu site vai precisar se conectar com outro site para baixar a fonte e isso vai afetar negativamente a performance do site. Em projetos pessoais pequenos ou em trabalhos da faculdade não vejo problemas nessa abordagem. Te deixo uma referência de como adicionar pelo Google Fonts: www.geeksforgeeks.org/how-to-use-google-fonts-in-tailwind-css/

[@hugooxrs]

Olá, tudo bem? Estou começando agora com Tailwind. Poderia me tirar uma dúvida? Estou tentando adicionar a fonte Roboto-Bold em um site, porém todos os textos ficam em negrito. Eu gostaria que alguns ficassem em negrito e outros com um tom mais fino, digamos assim, mas não estou conseguindo. Poderia me ajudar?

[@laisamireli5589]

Boa noite amigo, utilize o dentro da frase, coloque o texto que vc quer que seja diferente dentro dele, e faça o classname, la vc editará somente oq estiver dentro do span