NativeScript + Vue.js + FontAwesome
Asked 07 September, 2021
Viewed 2.7K times
  • 57
Votes

I'm trying to use FontAwesome icon set to build an application over NativeScript and Vue.js but I can't figure out the problem since I not even have an error prompt message.

I'm following the documentation as a faithful but nothing happens. I search everywhere but.. nothing.

If you can help me with this I'd be so grateful.

Documentation: https://nativescript-vue.org/blog/using-fonticons/

Thanks!

SOLUTION

  • Create a folder named fonts in the app folder
  • Generate a style file and put the following code

.fa { font-family: 'Font Awesome 5 Free', 'font-awesome/fa-regular-400'; }
.fas { font-family: 'Font Awesome 5 Free', 'font-awesome/fa-solid-900'; }
.fab { font-family: 'Font Awesome 5 Free', 'font-awesome/fa-brands-400'; }

The font-family first part is to name the font family, and after the comma, we will write the path to those fonts.

2 Answer