Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Os ícones do Font Awesome não aparecem no meu projeto

Os ícones não aparecem no meu projeto, ficam só espaços vazios.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Eu baixei o projeto do professor e vi que os ícones funcionam no dele, então é alguma coisa que fiz errado no meu.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Arquivo package.json do meu projeto (Onde tem a declaração da dependência do Font Awesome):

Arquivo package.json com a dependência do Font Awesome

Código do rodapé do meu projeto (O mesmo do professor):

Código HTML do rodapé

Na hora de instalar o Font Awesome eu fiz exatamente como o professor fez no curso Angular 2, usando o comando npm install font-awesome@4.7.0 no console.

Quando fiz a instalação e tive esse erro procurei soluções no fórum e vi um cara que teve o mesmo problema dizendo que os ícones dele começaram a aparecer depois de um tempo, por isso, resolvi deixar de lado, já que não me atrapalhava.

2 respostas
solução!

Olá Lucas, tudo bom?

Confere dentro do arquivo angular.json, no array de "styles" se tem o caminho da folha de estilo do Font-Awesome.

Deve está assim:

            "styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/font-awesome/css/font-awesome.css"
            ],

Isso faz com que toda a aplicação tenha acesso as classes dentro dos arquivos citados.

Espero ter ajudado, Lucas.

Bons estudos.

Fala Diego! Era isso mesmo, valeu!!