I am having a number of localFonts created using next/font/local library. I want to export all these localfont object . So to avoid so many exports I am trying to creat a single javascript object with font name as key and value as localfont object. but it is showing error : “Error: × Font loaders must be called and assigned to a const in the module scope”.
my hsciifonts.js code is:
// hsciifonts.js
import localFont from "next/font/local";
export const allhfonts = {
binarywenglosoftw8asc:localFont({ src: "./fonts/hscii/binarywenglosoftw8asc.woff2", display: "swap", }),
heksenglosoftw8asc:localFont({ src: "./fonts/hscii/heksenglosoftw8asc.woff2", display: "swap", }),
inglishenglosoftw8asc:localFont({ src: "./fonts/hscii/inglishenglosoftw8asc.woff2", display: "swap", }),
koreanenglosoftw8asc:localFont({ src: "./fonts/hscii/koreanenglosoftw8asc.woff2", display: "swap", }),
russianenglosoftw8asc:localFont({ src: "./fonts/hscii/russianenglosoftw8asc.woff2", display: "swap", }),
hindienglosoftw8asc:localFont({ src: "./fonts/hscii/hindienglosoftw8asc.woff2", display: "swap", }),
//// ...... more fonts
}