4
respostas

Problema com Font Awesome

Olá, como vão? Nesta aula consegui seguir com os passos aqui apresentados. Todos os cards apareceram corretamente mas os ícones não. Ao invés dos ícones aparecerem corretamente são apresentados como um quadrado. Ao inspecionar o elemento o console apresenta o seguinte erro:

GET http://localhost:4200/fontawesome-webfont.woff?v=4.7.0 net::ERR_ABORTED 404 (Not Found)

Poderiam me ajudar a solucionar esse problema? Obrigado! :)

4 respostas

Olá Ana Carolina, tudo bem? Poderia me mandar o código em que você utiliza o Font Awesome, por favor?

Fala Matheus!!

O código abaixo se encontra no package.json na propriedade dependencies:

"dependencies": {
    "@angular/animations": "~11.1.0",
    "@angular/common": "~11.1.0",
    "@angular/compiler": "~11.1.0",
    "@angular/core": "~11.1.0",
    "@angular/forms": "~11.1.0",
    "@angular/platform-browser": "~11.1.0",
    "@angular/platform-browser-dynamic": "~11.1.0",
    "@angular/router": "~11.1.0",
    "bootstrap": "^4.6.0",
    "font-awesome": "^4.7.0",
    "jwt-decode": "^3.1.2",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.3"
  }

Obrigado! :)

Ana, tenta apagar a pasta node_modules e dar o comando:

npm install

No console do seu editor por favor

Tente

npm install font-awesome

no diretório da aplicação (não precisa apagar o diretório node_modules)