カスタムフォントをインポートできません

Question

nextjs アプリを作成したところ、問題が発生しました。カスタム フォントをインポートできません。ttg ファイルを追加して @fontface を使用しようとしましたが、フォントが機能しません。助けてください＃＃＃

これは私の globals.css ファイルです

リーリー

これは私の tailwind.config.js ファイルです

リーリー

これは私のlayout.jsxファイルです、

リーリー

これは私のpage.jsxファイルです

リーリー

tailwind を

className="font-bornStrong" として追加しようとしましたが、まだ機能しません。

また、tailwind.config.js にフォントを追加してみました。

ああああ

Answer 1

発生しているエラーは、globals.css ファイル内のカスタム フォントに指定されたパスが間違っていることが原因である可能性があります。パス /public/fonts/ を使用してフォント ファイルを参照していますが、このパスは Next.jsn では正しくありません。これを修正するには、グローバル .css ファイル内のフォント ファイル パスを更新する必要があります。フォント ファイル パスから /public/ 部分を削除できます。

#tailwind.config.js ファイルでフォント ファミリを定義しましたが、fontFamily セクションでフォント ファミリを有効にしていませんでした。 リーリー