[ATUALIZADO] Como incluir ÍCONES nas nossas páginas web com o FONT-AWESOME?

#ícones #frontend #fontawesome #webdesign

Nesse vídeo eu mostro as três formas de utilizar essa ferramenta e melhorar o design dos nossos sites

00:00 Introdução
03:16 Download pacote de ícones grátis
11:46 Importar font-awesome de CDN
15:56 Gerar e Importar KIT
20:49 Conclusão

🌟 Links comentados no vídeo e outros interessantes 🌟

✅ 5 livros que eu indico para quem quer se tornar programador(a) front-end

✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01

✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02

✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa

✅ O que estudar para conseguir o primeiro emprego como dev front-end

✅ Minha experiência como programador front-end

✅ [OPINIÃO] O Programador dependente

[viniciusm.m.]

20:48
Eu até sabia dessa 3 formas de utilizar, porém não sabia as vantagens e desvantagens. Show demais!

[raphaeloliveira]

Cheguei na etapa do curso referente a inclusão desses ícones. Olha, queria agradecer pelo empenho nas aulas, pois tenho aprendido bastante. Você é um excelente professor.

[junior]

Já dei like e me inscrevi com menos de 10 min de vídeo assistido.
Muito bom... 👏👏👏🤜🤛🤟🤘

[tonyification]

Bom professor estou fazendo seu curso na Udemy, e na época em que foi gravado a video-aula dela pra cá o site de font teve algumas mudanças, obrigado por gravar esse vídeo.

[crissantanna]

❤sempre fica tudo muito fácil com suas explicações. Gratidão !

[ensinandoparaaprender]

cara, não poderia deixar de te agradecer! Muito obrigado!

[vagnersantos]

Que demais! Muito obrigado pela aula 😁 vou começar a usar

[f.b.fonseca]

Prof! Muito obrigada pelo vídeo e as suas aulas são muito completas, bem didáticas, agradeço imensamente por ter encontrado você e o seu curso, pois é onde mais estou aprendendo a mexer em HTML e CSS de forma clara e objetiva.
Abração!

[warwill]

melhor explicação que ja vi, muito obrigado! :)

[mauriciomusical]

Muito bom!!! Já conhecia sim, professor, do curso da Udemy, mas agora ficou bem mais completo. SHOW!!!

[kasteh]

Eu ia passei por esse site mas sempre achei um pouco complexo, agora com seu vídeo eu não somente entendi, como pretendo utilizar a partir de agora. Muito obrigado, seu vídeo foi 10. Parabéns. Ah, e sua pronuncia ficou muito engraçada, deixou o vídeo divertido.

[dudubastos]

Boa tarde!
Com certeza o melhor professor que tem na atualidade, perfeita suas explicações, eu sou seu aluno na Udemy, depois desse curso,
qual que eu tenho que seguir depois que concluir esse curso, claro comprando seus cursos mais uma vez parabéns pela bela explicação nessa aula show 👏👏

[lisbelasoares]

Estou vindo do curso na Udemy de WebDesigner. No meu projeto só consegui adicionar os icons através CDN a parte. Não sei exatamente o que aconteceu p não conseguir da outra maneira, mas que bom que funcionou com CDN. Já havia tentado de outras formas antes do curso tb e nunca havia conseguido. Obrigada professor.

[tainanoliveira]

Eu estou fazendo seu curso e não estava conseguindo, obrigado!

[HenriqueMasters]

Fala professor, estou nessa aula na udemy, estava tentando e não dava certo ai lembrei dos diretórios, salvei a pasta font-awesome no projeto strata e deu tudo certo =D

[LuisAlberto-izjc]

No Firefox, perfeito, no Chrome não funcionou comigo! Mais alguém?

[rafaelpeixoto]

top seu video mano...tava tendo poblemas de usar awesome mas agora consegui...so uma dica pra galera...não deixa o google traduzir pq esta dando erro quando ele traduz... abr

[ricardo.sarian]

Rapaz parabéns, porém, estou apanhando muito. Os ícones não aparecem. Fico só um quadradinho. Já fiz a chamada do arquivo, caminho correto, tudo certo. Testei em navegadores diferentes, limpei cookies cache e nada. Pode me dar uma força? Valeu abração.

[ismaelbet]

Po Daniel, também tentei usar mas nunca tive uma visão como essa. Obrigado.

[ricardocorrea]

Como vc abriu ele no vizual studio code ?? quando tento localizar o arquivo não aparece para mim na hora de colocar no <link> .