CODEWITHSUNDEEP
cssangularvisual-studio-2019font-awesome
misuk
misuk

Reputation: 225

Installing font awesome into my angular 12 app in visual studio 2019

Can anyone give me a simple step-by-step guide on how to install font awesome (free version) in my angular 12 app in visual studio 2019? I've googled endlessly and seen many options of differing complexity. Why on earth is there this ridiculous amount of complexity simply to use some fonts?

Upvotes: 0

Views: 2492

Answers (1)

NeNaD
NeNaD

Reputation: 20334

Step 1

In command prompt execute following command:

npm i @fortawesome/fontawesome-free

Step 2

In styles.scss add this line:

@import '~@fortawesome/fontawesome-free/css/all.css';

Step 3

Use it:

<span class="fab fa-angular"></span>

Upvotes: 2

Related Questions