Site icon image World Hacker(ぎょうざブログ)

Think Different, Connect Dots for Line.

Font Awesome6をNext.jsで使う際の注意点

現象

npm install したロゴをそのまま使うと

Image in a image block

解決策

以下のコードを追記すると

import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
config.autoAddCss = false;
Image in a image block

以下、参考

https://www.zenryoku-kun.com/post/font-awesome#nextjs

ここまで読んでいただき、ありがとうございました。

以上、ぎょうざでした。