Breaking News: Grepper is joining You.com. Read the official announcement!

install font awesome angular

Envious Earthworm answered on June 13, 2022 Popularity 9/10 Helpfulness 7/10

answer install font awesome angular

related how to install font awesome in angular

install font awesome angular

Comment

// 1. "npm install --save @fortawesome/fontawesome-free"
// 2. In the angular-cli.json file locate the styles[] array and add font-awesome references directory here, like below:
"apps": [
    {
      "root": "src",
      "outDir": "dist",
      ....
      "styles": [
          "styles.css",
          "./node_modules/@fortawesome/fontawesome-free/css/all.min.css" // -here webpack will automatically build a link css element out of this!?
      ],
      ...
  }
  ]
],
// 3. Place some font-awesome icons in any html file you want:  
  <i class="fa-solid fa-house-user"> </i>

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: angular font-awesome shell

Link to this answer
Share Copy Link

Contributed on Feb 27 2023

Envious Earthworm

0 Answers Avg Quality 2/10

Closely Related Answers

how to install font awesome in angular

Comment

// 1. "npm install font-awesome --save"
// 2. In the angular-cli.json file locate the styles[] array and add font-awesome references directory here, like below:
"apps": [
    {
      "root": "src",
      "outDir": "dist",
      ....
      "styles": [
          "styles.css",
          "../node_modules/bootstrap/dist/css/bootstrap.css",
          "../node_modules/font-awesome/css/font-awesome.css" // -here webpack will automatically build a link css element out of this!?
      ],
      ...
  }
  ]
],
// 3. Place some font-awesome icons in any html file you want:  
  <i class="fa fa-american-sign-language-interpreting fa-5x" aria-hidden="true"> </i>
// 4. Stop the application Ctrl + c then re-run the app using ng serve because the watchers are only for the src folder and angular-cli.json is not observed for changes.
// 5. Enjoy your awesome icons!

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Fancy Flatworm

0 Answers Avg Quality 2/10

install font awesome angular

Contents

More Related Answers

install font awesome angular

Closely Related Answers

how to install font awesome in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.