사용자 정의 글꼴을 가져올 수 없습니다

Question

방금 nextjs 앱을 만들었는데 문제가 발생했습니다. 사용자 정의 글꼴을 가져올 수 없습니다. ttg 파일을 추가하고 @fontface를 사용해 보았지만 글꼴이 작동하지 않습니다. 도와주세요

이것은 내 globals.css 파일입니다

으아아아

이것은 내 tailwind.config.js 파일입니다

으아아아

이것은 내 레이아웃.jsx 파일입니다.

으아아아

이것은 내 page.jsx 파일입니다

으아아아

tailwind를 className="font-bornStrong"로 추가하려고 했지만 여전히 작동하지 않습니다.

tailwind.config.js에도 글꼴을 추가해 보았습니다.

으으으으

Answer 1

발생한 오류는 globals.css 文件中为自定义字体指定的路径不正确造成的。您使用路径 /public/fonts/에서 글꼴 파일을 참조했기 때문에 발생할 수 있지만 이 경로는 Next.jsn에서 올바르지 않습니다. 이 문제를 해결하려면 전역 .css 파일에서 글꼴 파일 경로를 업데이트해야 합니다. 다음에서 수행할 수 있습니다. 글꼴 파일 경로에서 /public/ 부분을 제거합니다.

tailwind.config.js 파일에서 글꼴 패밀리를 정의했지만 글꼴 패밀리 섹션에서 활성화하지 않았습니다

으아아아