components/font-family/font-family.constants.ts

import {
  Montserrat,
  Cousine,
  Roboto,
  Lato,
  Oswald,
  Kanit,
  Fugaz_One,
  Roboto_Slab,
  Libre_Baskerville,
  Bree_Serif,
  Pacifico,
  Permanent_Marker,
  Yellowtail,
  Scheherazade_New,
} from "next/font/google";

const montserrat = Montserrat({
  subsets: ["latin"],
  weight: ["400", "700"],
});

const cousine = Cousine({
  subsets: ["latin"],
  weight: ["400", "700"],
});

const roboto = Roboto({
  subsets: ["latin"],
  weight: ["400", "700", "100", "300", "500", "900"],
});

const lato = Lato({
  subsets: ["latin"],
  weight: ["100", "300", "400", "700", "900"],
});

const oswald = Oswald({
  subsets: ["latin"],
  weight: ["200", "300", "400", "500", "600", "700"],
});

const kanit = Kanit({
  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});

const fugaz_one = Fugaz_One({
  subsets: ["latin"],
  weight: ["400"],
});

const roboto_slab = Roboto_Slab({
  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});

const libre_baskerville = Libre_Baskerville({
  subsets: ["latin"],
  weight: ["400", "700"],
});

const bree_serif = Bree_Serif({
  subsets: ["latin"],
  weight: ["400"],
});

const pacifico = Pacifico({
  subsets: ["latin"],
  weight: ["400"],
});

const permanent_marker = Permanent_Marker({
  subsets: ["latin"],
  weight: ["400"],
});

const yellowtail = Yellowtail({
  subsets: ["latin"],
  weight: ["400"],
});

const scheherazade_new = Scheherazade_New({
  subsets: ["latin"],
  weight: ["400", "700"],
});

export const FONT_FAMILY = [
  {
    label: "Montserrat",
    value: montserrat.className,
  },
  {
    label: "Cousine",
    value: cousine.className,
  },
  {
    label: "Roboto",
    value: roboto.className,
  },
  {
    label: "Lato",
    value: lato.className,
  },
  {
    label: "Oswald",
    value: oswald.className,
  },
  {
    label: "Kanit",
    value: kanit.className,
  },
  {
    label: "Fugaz One",
    value: fugaz_one.className,
  },
  {
    label: "Roboto Slab",
    value: roboto_slab.className,
  },
  {
    label: "Libre Baskerville",
    value: libre_baskerville.className,
  },
  {
    label: "Bree Serif",
    value: bree_serif.className,
  },
  {
    label: "Pacifico",
    value: pacifico.className,
  },
  {
    label: "Permanent Marker",
    value: permanent_marker.className,
  },
  {
    label: "Yellowtail",
    value: yellowtail.className,
  },
  {
    label: "Scheherazade New",
    value: scheherazade_new.className,
  },
];