import { Indie_Flower, The_Girl_Next_Door, } from "next/font/google" import localFont from "next/font/local" export const indieflower = Indie_Flower({ subsets: ["latin"], weight: "400", variable: "--font-indieflower", }) export const thegirlnextdoor = The_Girl_Next_Door({ subsets: ["latin"], weight: "400", variable: "--font-the-girl-next-door", }) export const komika = localFont({ src: "../fonts/Komika-Hand/Komika-Hand.woff2", variable: "--font-komika" }) export const actionman = localFont({ src: "../fonts/Action-Man/Action-Man.woff2", variable: "--font-action-man" }) export const karantula = localFont({ src: "../fonts/Karantula/Karantula.woff2", variable: "--font-karantula" }) export const manoskope = localFont({ src: "../fonts/Manoskope/MANOSKOPE-Bold.woff2", variable: "--font-manoskope" }) export const paeteround = localFont({ src: "../fonts/Paete-Round/Paete-Round.woff2", variable: "--font-paete-round" }) export const qarmic = localFont({ src: "../fonts/Qarmic-Sans/Qarmic-Sans-Abridged.woff2", variable: "--font-qarmic-sans" }) export const archrival = localFont({ src: "../fonts/SF-Arch-Rival/SF-Arch-Rival.woff2", variable: "--font-sf-arch-rival" }) export const cartoonist = localFont({ src: "../fonts/SF-Cartoonist-Hand/SF-Cartoonist-Hand.woff2", variable: "--font-sf-cartoonist-hand" }) export const toontime = localFont({ src: "../fonts/SF-Toontime/SF-Toontime.woff2", variable: "--font-sf-toontime" }) export const vtc = localFont({ src: "../fonts/VTC-Letterer-Pro/VTC-Letterer-Pro.woff2", variable: "--font-vtc-letterer-pro" }) export const digitalstrip = localFont({ src: "../fonts/DigitalStripBB/DigitalStripBB_Reg.woff2", variable: "--font-digital-strip-bb" }) // https://nextjs.org/docs/pages/building-your-application/optimizing/fonts // If loading a variable font, you don"t need to specify the font weight export const fonts = { indieflower, thegirlnextdoor, komika, actionman, karantula, manoskope, paeteround, qarmic, archrival, cartoonist, toontime, vtc, digitalstrip } // https://nextjs.org/docs/pages/building-your-application/optimizing/fonts // If loading a variable font, you don"t need to specify the font weight export const fontList = Object.keys(fonts) export type FontName = keyof typeof fonts export const defaultFont = "cartoonist" as FontName export const classNames = Object.values(fonts).map(font => font.className) export const className = classNames.join(" ") export type FontClass = | "font-indieflower" | "font-thegirlnextdoor" | "font-komika" | "font-actionman" | "font-karantula" | "font-manoskope" | "font-paeteround" | "font-qarmic" | "font-archrival" | "font-cartoonist" | "font-toontime" | "font-vtc" | "font-digitalstrip"