Next.js Discord

Discord Forum

Unable to load custom font.

Unanswered
Champagne D’Argent posted this in #help-forum
Open in Discord
Champagne D’ArgentOP
The correct location for custom fonts in nextjs 15 (app router) is inside public/fonts right?
If yes why am I not able to find my fonts using this in the layout file?
const ttFors = localFont({
  src: [
    {
      path: "./fonts/TT-Fors-Regular.otf",
      weight: "400",
      style: "normal",
    },
    {

4 Replies

American Chinchilla
Not necessarily
On next.js doc it says for example
src: ./fonts/my-font.woff2 where the path is relative to the src folder
/app
/fonts
Etc