방금 nextjs 앱을 만들었는데 문제가 발생했습니다. 사용자 정의 글꼴을 가져올 수 없습니다. ttg 파일을 추가하고 @fontface를 사용해 보았지만 글꼴이 작동하지 않습니다. 도와주세요
이것은 내 globals.css 파일입니다
으아아아이것은 내 tailwind.config.js 파일입니다
으아아아이것은 내 레이아웃.jsx 파일입니다.
으아아아이것은 내 page.jsx 파일입니다
으아아아tailwind를 className="font-bornStrong"로 추가하려고 했지만 여전히 작동하지 않습니다.
tailwind.config.js에도 글꼴을 추가해 보았습니다.
으으으으
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
발생한 오류는
globals.css文件中为自定义字体指定的路径不正确造成的。您使用路径/public/fonts/에서 글꼴 파일을 참조했기 때문에 발생할 수 있지만 이 경로는 Next.jsn에서 올바르지 않습니다. 이 문제를 해결하려면 전역 .css 파일에서 글꼴 파일 경로를 업데이트해야 합니다. 다음에서 수행할 수 있습니다. 글꼴 파일 경로에서 /public/ 부분을 제거합니다.
으아아아tailwind.config.js파일에서 글꼴 패밀리를 정의했지만 글꼴 패밀리 섹션에서 활성화하지 않았습니다