nextjs アプリを作成したところ、問題が発生しました。カスタム フォントをインポートできません。ttg ファイルを追加して @fontface を使用しようとしましたが、フォントが機能しません。助けてください＃＃＃
これは私の globals.css ファイルですリーリー
これは私の tailwind.config.js ファイルですリーリー
これは私のlayout.jsxファイルです、リーリー
これは私のpage.jsxファイルですリーリー
tailwind をclassName="font-bornStrong" として追加しようとしましたが、まだ機能しません。
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
発生しているエラーは、
globals.cssファイル内のカスタム フォントに指定されたパスが間違っていることが原因である可能性があります。パス/public/fonts/を使用してフォント ファイルを参照していますが、このパスは Next.jsn では正しくありません。これを修正するには、グローバル .css ファイル内のフォント ファイル パスを更新する必要があります。フォント ファイル パスから /public/ 部分を削除できます。#tailwind.config.js
ファイルでフォント ファミリを定義しましたが、fontFamily セクションでフォント ファミリを有効にしていませんでした。 リーリー