カテゴリー
開発環境 ホームページ製作

webpack5のsassにおけるfontawesome

webpack5で、sassのfontawesomeを使うには、npmでダウンロードする。

npm install @fortawesome/fontawesome-svg-core

https://docs.fontawesome.com/apis/javascript

import { library, icon } from '@fortawesome/fontawesome-svg-core'
import { faStar } from '@fortawesome/free-solid-svg-icons';
import { faInstagram } from '@fortawesome/free-brands-svg-icons';


library.add(faStar, faInstagram)

const camera = icon({ prefix: 'fas', iconName: 'camera' })

使い方については、下記リンク先を参照にすること。

https://fontawesome.com/how-to-use/on-the-web/using-with/sass

https://qiita.com/oreo3@github/items/08a350520a1f0eaf6e42

https://helog.jp/framework/bootstrap-sass-customize/

https://web.analogstd.com/tips/posts/css/how2use-font-awesome5.php

下記も参考になりそう

https://nocebo.jp/post-3298

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です