search

NativeScript / nativescript-angular

Integrating NativeScript with Angular
http://docs.nativescript.org/angular/tutorial/ng-chapter-0
Apache License 2.0
1.22k stars 241 forks source link

FontAwesome 6 icons not showing #2382

Open AmosJuniorKorp opened 1 year ago

AmosJuniorKorp commented 1 year ago

Hello I'm trying to use new fontawesome version 6 icons. (Pro version) I copied the .ttf files to my fonts folder, but in the app it only shows unicode fonts from the previous version. I can see that he changed the old fonts to the new version because there were small changes in some that we use. What could cause the new fonts not to load? Has anyone gone through this?

Ex: image image image

image

image "dependencies": { "@angular/animations": "~14.0.6", "@angular/common": "~14.0.6", "@angular/compiler": "~14.0.6", "@angular/core": "~14.0.6", "@angular/forms": "~14.0.6", "@angular/platform-browser": "~14.0.6", "@angular/platform-browser-dynamic": "~14.0.6", "@angular/router": "~14.0.6", "@bigin/ns-url-handler": "^1.0.6", "@finanzritter/nativescript-share-file": "^2.1.0", "@nativescript-community/sentry": "^3.1.3", "@nativescript-community/ui-material-bottom-navigation": "7.0.20", "@nativescript-community/ui-material-tabs": "7.1.3", "@nativescript-community/ui-pager": "^13.0.35", "@nativescript/angular": "~14.0.2", "@nativescript/core": "~8.3.0", "@nativescript/datetimepicker": "^2.1.10", "@nativescript/geolocation": "^8.0.2", "@nativescript/google-maps": "1.4.4", "@nativescript/theme": "~3.0.2", "@nativescript/unit-test-runner": "^3.0.4", "@ngx-translate/core": "^14.0.0", "@nstudio/nativescript-cardview": "^2.0.1", "@nstudio/nativescript-loading-indicator": "^4.1.2", "@triniwiz/nativescript-toasty": "^4.1.3", "angular2-uuid": "^1.1.1", "decode-google-map-polyline": "^1.0.1", "jwt-decode": "^3.1.2", "nativescript-barcodescanner": "^4.1.2", "nativescript-exit": "^1.0.1", "nativescript-oauth2": "^3.0.9", "nativescript-pdf-view": "^3.0.0-1", "nativescript-sqlite": "^2.8.6", "nativescript-ui-autocomplete": "^15.2.3", "nativescript-ui-calendar": "^8.0.2", "nativescript-ui-chart": "^9.0.1", "nativescript-ui-listview": "^10.0.2", "nativescript-ui-sidedrawer": "^10.0.2", "rxjs": "~7.5.0", "zone.js": "~0.11.5" },

AmosJuniorKorp commented 1 year ago

image

https://fontawesome.com/docs/web/setup/upgrade/pseudo-elements They mention that they changed the form for simplicity, but how can I do this with nativescript?

Before, we made the declaration globally in nativescript's app.css: image