What is this?
"magic-webfonts" is an web font generated from fontawesome 6.4.2 pro. It includes more than 30k icons. You can easily import and use it as css classes
How to install?
One of them:
npm - npm install magic-webfonts
yarn - yarn install magic-webfonts
pnpm - pnpm install magic-webfonts
How to use?
1. Import
Import all:
import it in js:
import "magic-webfonts";
Or
import it in css: `@import url("node_modules/magic-webfonts/css/all.css");
2. Select icon you want to use from https://fontawesome.com/search
3. Copy DOM element from fontawesome and paste them into your project:
<i class="fa-solid fa-house"></i>
Notes:
1. In some cases, if you want to remove unused css classes:
Because this library is built in the form of css classes, during actual use, it is inevitable that there will be unused classes, affecting the performance of the web. We recommend you a very useful tool: PurgeCSS. It will help you remove unused CSS classes, helping to optimize web performance, we tested it and it works perfectly. This is its home page: https://v1.purgecss.com/