Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FontAwesome 6 icons not showing #2382

Open
AmosJuniorKorp opened this issue Aug 21, 2023 · 1 comment
Open

FontAwesome 6 icons not showing #2382

AmosJuniorKorp opened this issue Aug 21, 2023 · 1 comment

Comments

@AmosJuniorKorp
Copy link

AmosJuniorKorp commented Aug 21, 2023

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
Copy link
Author

AmosJuniorKorp commented Aug 21, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant