Значки FontAwesome Pro не отображаются в проекте Angular - PullRequest
1 голос
/ 06 января 2020

Я строю Angular 8 App. У нас есть шрифт awesome pro license, и я следовал инструкциям по следующему URL:

https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers

В моем пакете. json:

   "devDependencies": {
        "@angular-devkit/build-angular": "~0.803.21",
        "@angular/cli": "~8.3.21",
        "@angular/compiler-cli": "~8.2.14",
        "@angular/language-service": "~8.2.14",
        "@fortawesome/fontawesome-pro": "^5.7.1",

В моих angular. json:

"стилях": ["./node_modules/ngx-bootstrap/datepicker/bs-datepicker.scss "," node_modules/@fortawesome/fontawesome-pro/css/all.css "," src / app / shared / styles / main.s css "],

В моем файле .npmr c: Я заменил свой токен Auth

@ fortawesome: registry = https://npm.fontawesome.com/ // npm. fontawesome.com/:_authToken=$ndomFONTAWESOME_NPM_AUTH_TOKEN‹

После выполнения вышеуказанных действий.

  1. В мой app.component. html файл: Bootstrap с Fontawesome

     <button type="button" class="btn button">
                        Start Free Trial<i
                            class="fal fa-sync fa-lg"
                            style="color:black"
                        ></i>
                    </button>

Я все еще не вижу свою иконку :( Когда я проверяю элемент, я вижу тег, немного подыгрываю, изменяя различные атрибуты тега и заменяя тегом, но по-прежнему нет удачи.

Ниже приведен скриншот:

enter image description here

Любая помощь будет отличной. Спасибо

...