6.0.6 • Published 8 months ago
@easyfonts/font-awesome-v6 v6.0.6
Font awesome free version V6
Synopsis
Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want.
Install
Install the fontface via npm.
npm install --save @easyfonts/font-awesome-free
## OR
yarn add @easyfonts/font-awesome-freeUsage
Include the font in your build with (tailwind css will look in node_modules as well)
@import "@easyfonts/fontawesome-free";Reference in your css
.someclass {
font-family: "Font Awesome 6 Free";
}With above css, the tag below will now show the glyph in 700 weight
<i class="fa fa-calendar-alt" />This will install all fontfiles in node modules (4.4Mb).
If you are not using all font weights you can select a subset of fontfiles to be included into your build. You build will be consequently smaller
| import statement | prefix-class | description |
|---|---|---|
import '@easyfonts/fontawesome-free/brands.css'; | fabs | glyphs of well known brands |
import '@easyfonts/fontawesome-free/regular.css'; | fa | regular glyphs |
import '@easyfonts/fontawesome-free/solid.css'; | fas | filled up glyphs and thicker strokes |
Example
Include only extra-bold in your bundle
css:
@import "@easyfonts/fontawesome-free/solid.css";javascript: (webpack, vite)
import "@easyfonts/fontawesome-free/solid.css";Glyph CheatSheet.
