Initial commit
This commit is contained in:
459
lib/fonts.js
459
lib/fonts.js
@@ -1,153 +1,324 @@
|
||||
// 1) Google‑Fonts Platzhalter
|
||||
export const inter = { className: "", variable: "--font-inter" };
|
||||
export const roboto = { className: "", variable: "--font-roboto" };
|
||||
export const openSans = { className: "", variable: "--font-opensans" };
|
||||
export const montserrat = { className: "", variable: "--font-montserrat" };
|
||||
export const raleway = { className: "", variable: "--font-raleway" };
|
||||
export const poppins = { className: "", variable: "--font-poppins" };
|
||||
export const manrope = { className: "", variable: "--font-manrope" };
|
||||
export const dmSans = { className: "", variable: "--font-dmsans" };
|
||||
export const plusJakartaSans = {
|
||||
className: "",
|
||||
variable: "--font-plusjakarta",
|
||||
};
|
||||
export const spaceGrotesk = { className: "", variable: "--font-spacegrotesk" };
|
||||
// lib/fonts.js
|
||||
import {
|
||||
Montserrat,
|
||||
Open_Sans,
|
||||
Roboto,
|
||||
Lato,
|
||||
Raleway,
|
||||
Poppins,
|
||||
Work_Sans,
|
||||
Jost,
|
||||
Noto_Sans,
|
||||
Quicksand,
|
||||
Averia_Libre,
|
||||
Philosopher,
|
||||
Pacifico,
|
||||
Caveat,
|
||||
Sacramento,
|
||||
Dancing_Script,
|
||||
Indie_Flower,
|
||||
Amatic_SC,
|
||||
Kaushan_Script,
|
||||
Architects_Daughter,
|
||||
Neucha,
|
||||
Great_Vibes,
|
||||
Satisfy,
|
||||
Yellowtail,
|
||||
Gloria_Hallelujah,
|
||||
Courgette,
|
||||
Almendra,
|
||||
Oswald,
|
||||
Bebas_Neue,
|
||||
Anton,
|
||||
Ultra,
|
||||
Stint_Ultra_Condensed,
|
||||
Playfair_Display,
|
||||
Abril_Fatface,
|
||||
Permanent_Marker,
|
||||
Alfa_Slab_One,
|
||||
Black_Ops_One,
|
||||
Germania_One,
|
||||
Holtwood_One_SC,
|
||||
Exo,
|
||||
Orbitron,
|
||||
Audiowide,
|
||||
Rajdhani,
|
||||
Space_Mono,
|
||||
Questrial,
|
||||
Syncopate,
|
||||
Unica_One,
|
||||
Italiana,
|
||||
Staatliches,
|
||||
Press_Start_2P,
|
||||
Righteous,
|
||||
Metal_Mania,
|
||||
Alegreya,
|
||||
Spectral,
|
||||
Fjalla_One,
|
||||
Glass_Antiqua,
|
||||
Cinzel_Decorative,
|
||||
Andika,
|
||||
} from "next/font/google";
|
||||
|
||||
export const dancingScript = {
|
||||
className: "",
|
||||
function createFont(fontFn, name) {
|
||||
return {
|
||||
...fontFn,
|
||||
className: `font-${name.toLowerCase().replace(/\s+/g, "")}`,
|
||||
};
|
||||
}
|
||||
|
||||
// 🔤 Modern Fonts
|
||||
const montserrat = Montserrat({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-montserrat",
|
||||
});
|
||||
const opensans = Open_Sans({ subsets: ["latin"], variable: "--font-opensans" });
|
||||
const roboto = Roboto({ subsets: ["latin"], variable: "--font-roboto" });
|
||||
const lato = Lato({ subsets: ["latin"], variable: "--font-lato" });
|
||||
const raleway = Raleway({ subsets: ["latin"], variable: "--font-raleway" });
|
||||
const poppins = Poppins({ subsets: ["latin"], variable: "--font-poppins" });
|
||||
const worksans = Work_Sans({ subsets: ["latin"], variable: "--font-worksans" });
|
||||
const jost = Jost({ subsets: ["latin"], variable: "--font-jost" });
|
||||
const notosans = Noto_Sans({ subsets: ["latin"], variable: "--font-notosans" });
|
||||
const quicksand = Quicksand({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-quicksand",
|
||||
});
|
||||
const averialibre = Averia_Libre({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-averialibre",
|
||||
});
|
||||
const philosopher = Philosopher({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-philosopher",
|
||||
});
|
||||
|
||||
// ✍️ Handwriting
|
||||
const pacifico = Pacifico({ subsets: ["latin"], variable: "--font-pacifico" });
|
||||
const caveat = Caveat({ subsets: ["latin"], variable: "--font-caveat" });
|
||||
const sacramento = Sacramento({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-sacramento",
|
||||
});
|
||||
const dancingscript = Dancing_Script({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-dancingscript",
|
||||
};
|
||||
export const pacifico = { className: "", variable: "--font-pacifico" };
|
||||
export const caveat = { className: "", variable: "--font-caveat" };
|
||||
export const indieFlower = { className: "", variable: "--font-indieflower" };
|
||||
export const greatVibes = { className: "", variable: "--font-greatvibes" };
|
||||
export const sacramento = { className: "", variable: "--font-sacramento" };
|
||||
export const alexBrush = { className: "", variable: "--font-alexbrush" };
|
||||
export const amaticSC = { className: "", variable: "--font-amaticsc" };
|
||||
export const marckScript = { className: "", variable: "--font-marckscript" };
|
||||
export const protestRevolution = {
|
||||
className: "",
|
||||
variable: "--font-protestrevolution",
|
||||
};
|
||||
});
|
||||
const indieflower = Indie_Flower({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-indieflower",
|
||||
});
|
||||
const amaticsc = Amatic_SC({ subsets: ["latin"], variable: "--font-amatic" });
|
||||
const kaushanscript = Kaushan_Script({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-kaushan",
|
||||
});
|
||||
const architectsdaughter = Architects_Daughter({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-architects",
|
||||
});
|
||||
const neucha = Neucha({ subsets: ["latin"], variable: "--font-neucha" });
|
||||
const greatvibes = Great_Vibes({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-greatvibes",
|
||||
});
|
||||
const satisfy = Satisfy({ subsets: ["latin"], variable: "--font-satisfy" });
|
||||
const yellowtail = Yellowtail({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-yellowtail",
|
||||
});
|
||||
const gloriahallelujah = Gloria_Hallelujah({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-gloria",
|
||||
});
|
||||
const courgette = Courgette({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-courgette",
|
||||
});
|
||||
const almendra = Almendra({ subsets: ["latin"], variable: "--font-almendra" });
|
||||
|
||||
export const anton = { className: "", variable: "--font-anton" };
|
||||
export const bebasNeue = { className: "", variable: "--font-bebasneue" };
|
||||
export const oswald = { className: "", variable: "--font-oswald" };
|
||||
export const bangers = { className: "", variable: "--font-bangers" };
|
||||
export const ultra = { className: "", variable: "--font-ultra" };
|
||||
export const abrilFatface = { className: "", variable: "--font-abrilfatface" };
|
||||
export const fjallaOne = { className: "", variable: "--font-fjallaone" };
|
||||
export const fredokaOne = { className: "", variable: "--font-fredokaone" };
|
||||
export const luckiestGuy = { className: "", variable: "--font-luckiestguy" };
|
||||
export const fugazOne = { className: "", variable: "--font-fugazone" };
|
||||
export const shrikhand = { className: "", variable: "--font-shrikhand" };
|
||||
export const chango = { className: "", variable: "--font-chango" };
|
||||
export const gravitasOne = { className: "", variable: "--font-gravitasone" };
|
||||
export const coiny = { className: "", variable: "--font-coiny" };
|
||||
export const quicksand = { className: "", variable: "--font-quicksand" };
|
||||
// 🧑🎤 Statement
|
||||
const oswald = Oswald({ subsets: ["latin"], variable: "--font-oswald" });
|
||||
const bebasneue = Bebas_Neue({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-bebasneue",
|
||||
});
|
||||
const anton = Anton({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-anton",
|
||||
});
|
||||
const ultra = Ultra({ subsets: ["latin"], variable: "--font-ultra" });
|
||||
const stintultracondensed = Stint_Ultra_Condensed({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-stint",
|
||||
});
|
||||
const playfair = Playfair_Display({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-playfair",
|
||||
});
|
||||
const abril = Abril_Fatface({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-abril",
|
||||
});
|
||||
const permanentmarker = Permanent_Marker({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-permanentmarker",
|
||||
});
|
||||
const alfaslab = Alfa_Slab_One({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-alfaslab",
|
||||
});
|
||||
const blackops = Black_Ops_One({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-blackops",
|
||||
});
|
||||
const germania = Germania_One({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-germania",
|
||||
});
|
||||
const holtwood = Holtwood_One_SC({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-holtwood",
|
||||
});
|
||||
|
||||
export const orbitron = { className: "", variable: "--font-orbitron" };
|
||||
export const zenDots = { className: "", variable: "--font-zendots" };
|
||||
export const audiowide = { className: "", variable: "--font-audiowide" };
|
||||
export const exo2 = { className: "", variable: "--font-exo2" };
|
||||
export const rajdhani = { className: "", variable: "--font-rajdhani" };
|
||||
export const syncopate = { className: "", variable: "--font-syncopate" };
|
||||
export const pressStart2p = { className: "", variable: "--font-pressstart2p" };
|
||||
export const shareTechMono = {
|
||||
className: "",
|
||||
variable: "--font-sharetechmono",
|
||||
};
|
||||
// 🚀 Futuristic
|
||||
const exo = Exo({ subsets: ["latin"], variable: "--font-exo" });
|
||||
const orbitron = Orbitron({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-orbitron",
|
||||
});
|
||||
const audiowide = Audiowide({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-audiowide",
|
||||
});
|
||||
const rajdhani = Rajdhani({ subsets: ["latin"], variable: "--font-rajdhani" });
|
||||
const spacemono = Space_Mono({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-spacemono",
|
||||
});
|
||||
const questrial = Questrial({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-questrial",
|
||||
});
|
||||
const syncopate = Syncopate({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-syncopate",
|
||||
});
|
||||
const unicaone = Unica_One({ subsets: ["latin"], variable: "--font-unicaone" });
|
||||
const italiana = Italiana({ subsets: ["latin"], variable: "--font-italiana" });
|
||||
const staatliches = Staatliches({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-staatliches",
|
||||
});
|
||||
|
||||
export const playfairDisplay = {
|
||||
className: "",
|
||||
variable: "--font-playfairdisplay",
|
||||
};
|
||||
export const cinzel = { className: "", variable: "--font-cinzel" };
|
||||
export const italiana = { className: "", variable: "--font-italiana" };
|
||||
export const youngSerif = { className: "", variable: "--font-youngserif" };
|
||||
export const caprasimo = { className: "", variable: "--font-caprasimo" };
|
||||
export const righteous = { className: "", variable: "--font-righteous" };
|
||||
export const luxuriousRoman = {
|
||||
className: "",
|
||||
variable: "--font-luxuriousroman",
|
||||
};
|
||||
// 🧢 Aesthetic
|
||||
const pressstart2p = Press_Start_2P({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-pressstart2p",
|
||||
});
|
||||
const righteous = Righteous({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-righteous",
|
||||
});
|
||||
const metalmania = Metal_Mania({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-metalmania",
|
||||
});
|
||||
const alegreya = Alegreya({ subsets: ["latin"], variable: "--font-alegreya" });
|
||||
const spectral = Spectral({ subsets: ["latin"], variable: "--font-spectral" });
|
||||
const fjallaone = Fjalla_One({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-fjallaone",
|
||||
});
|
||||
const glassantiqua = Glass_Antiqua({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-glassantiqua",
|
||||
});
|
||||
const cinzeldecorative = Cinzel_Decorative({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-cinzeldecorative",
|
||||
});
|
||||
const andika = Andika({
|
||||
subsets: ["latin"],
|
||||
weight: "400",
|
||||
variable: "--font-andika",
|
||||
});
|
||||
|
||||
export const vt323 = { className: "", variable: "--font-vt323" };
|
||||
export const neonderthaw = { className: "", variable: "--font-neonderthaw" };
|
||||
|
||||
// 2) System‑Fonts
|
||||
export const systemFonts = {
|
||||
helvetica: { className: "font-helvetica", variable: "--font-helvetica" },
|
||||
arial: { className: "font-arial", variable: "--font-arial" },
|
||||
comicSans: { className: "font-comicsans", variable: "--font-comicsans" },
|
||||
};
|
||||
|
||||
// 3) Pseudo‑Fonts
|
||||
export const pseudoFonts = {
|
||||
bubble: { className: "", variable: "--font-bubble" },
|
||||
glitch: { className: "", variable: "--font-glitch" },
|
||||
wide: { className: "", variable: "--font-wide" },
|
||||
upsideDown: { className: "", variable: "--font-upsidedown" },
|
||||
strikethrough: { className: "", variable: "--font-strikethrough" },
|
||||
underline: { className: "", variable: "--font-underline" },
|
||||
};
|
||||
|
||||
// Zusammenfassung aller Fonts
|
||||
export const fonts = {
|
||||
Inter: inter,
|
||||
Roboto: roboto,
|
||||
Open_Sans: openSans,
|
||||
Montserrat: montserrat,
|
||||
Raleway: raleway,
|
||||
Poppins: poppins,
|
||||
Manrope: manrope,
|
||||
DM_Sans: dmSans,
|
||||
Plus_Jakarta_Sans: plusJakartaSans,
|
||||
Space_Grotesk: spaceGrotesk,
|
||||
Dancing_Script: dancingScript,
|
||||
Pacifico: pacifico,
|
||||
Caveat: caveat,
|
||||
Indie_Flower: indieFlower,
|
||||
Great_Vibes: greatVibes,
|
||||
Sacramento: sacramento,
|
||||
Alex_Brush: alexBrush,
|
||||
Amatic_SC: amaticSC,
|
||||
Marck_Script: marckScript,
|
||||
Protest_Revolution: protestRevolution,
|
||||
Anton: anton,
|
||||
Bebas_Neue: bebasNeue,
|
||||
Oswald: oswald,
|
||||
Bangers: bangers,
|
||||
Ultra: ultra,
|
||||
Abril_Fatface: abrilFatface,
|
||||
Fjalla_One: fjallaOne,
|
||||
Fredoka_One: fredokaOne,
|
||||
Luckiest_Guy: luckiestGuy,
|
||||
Fugaz_One: fugazOne,
|
||||
Shrikhand: shrikhand,
|
||||
Chango: chango,
|
||||
Gravitas_One: gravitasOne,
|
||||
Coiny: coiny,
|
||||
Quicksand: quicksand,
|
||||
Orbitron: orbitron,
|
||||
Zen_Dots: zenDots,
|
||||
Audiowide: audiowide,
|
||||
Exo_2: exo2,
|
||||
Rajdhani: rajdhani,
|
||||
Syncopate: syncopate,
|
||||
Press_Start_2P: pressStart2p,
|
||||
Share_Tech_Mono: shareTechMono,
|
||||
Playfair_Display: playfairDisplay,
|
||||
Cinzel: cinzel,
|
||||
Italiana: italiana,
|
||||
Young_Serif: youngSerif,
|
||||
Caprasimo: caprasimo,
|
||||
Righteous: righteous,
|
||||
Luxurious_Roman: luxuriousRoman,
|
||||
VT323: vt323,
|
||||
Neonderthaw: neonderthaw,
|
||||
...systemFonts,
|
||||
...pseudoFonts,
|
||||
Montserrat: createFont(montserrat, "montserrat"),
|
||||
"Open Sans": createFont(opensans, "opensans"),
|
||||
Roboto: createFont(roboto, "roboto"),
|
||||
Lato: createFont(lato, "lato"),
|
||||
Raleway: createFont(raleway, "raleway"),
|
||||
Poppins: createFont(poppins, "poppins"),
|
||||
"Work Sans": createFont(worksans, "worksans"),
|
||||
Jost: createFont(jost, "jost"),
|
||||
"Noto Sans": createFont(notosans, "notosans"),
|
||||
Quicksand: createFont(quicksand, "quicksand"),
|
||||
"Averia Libre": createFont(averialibre, "averialibre"),
|
||||
Philosopher: createFont(philosopher, "philosopher"),
|
||||
|
||||
Pacifico: createFont(pacifico, "pacifico"),
|
||||
Caveat: createFont(caveat, "caveat"),
|
||||
Sacramento: createFont(sacramento, "sacramento"),
|
||||
"Dancing Script": createFont(dancingscript, "dancingscript"),
|
||||
"Indie Flower": createFont(indieflower, "indieflower"),
|
||||
"Amatic SC": createFont(amaticsc, "amatic"),
|
||||
"Kaushan Script": createFont(kaushanscript, "kaushan"),
|
||||
"Architects Daughter": createFont(architectsdaughter, "architects"),
|
||||
Neucha: createFont(neucha, "neucha"),
|
||||
"Great Vibes": createFont(greatvibes, "greatvibes"),
|
||||
Satisfy: createFont(satisfy, "satisfy"),
|
||||
Yellowtail: createFont(yellowtail, "yellowtail"),
|
||||
"Gloria Hallelujah": createFont(gloriahallelujah, "gloria"),
|
||||
Courgette: createFont(courgette, "courgette"),
|
||||
Almendra: createFont(almendra, "almendra"),
|
||||
|
||||
Oswald: createFont(oswald, "oswald"),
|
||||
"Bebas Neue": createFont(bebasneue, "bebasneue"),
|
||||
Anton: createFont(anton, "anton"),
|
||||
Ultra: createFont(ultra, "ultra"),
|
||||
"Stint Ultra Condensed": createFont(stintultracondensed, "stint"),
|
||||
"Playfair Display": createFont(playfair, "playfair"),
|
||||
"Abril Fatface": createFont(abril, "abril"),
|
||||
"Permanent Marker": createFont(permanentmarker, "permanentmarker"),
|
||||
"Alfa Slab One": createFont(alfaslab, "alfaslab"),
|
||||
"Black Ops One": createFont(blackops, "blackops"),
|
||||
"Germania One": createFont(germania, "germania"),
|
||||
"Holtwood One SC": createFont(holtwood, "holtwood"),
|
||||
|
||||
Exo: createFont(exo, "exo"),
|
||||
Orbitron: createFont(orbitron, "orbitron"),
|
||||
Audiowide: createFont(audiowide, "audiowide"),
|
||||
Rajdhani: createFont(rajdhani, "rajdhani"),
|
||||
"Space Mono": createFont(spacemono, "spacemono"),
|
||||
Questrial: createFont(questrial, "questrial"),
|
||||
Syncopate: createFont(syncopate, "syncopate"),
|
||||
"Unica One": createFont(unicaone, "unicaone"),
|
||||
Italiana: createFont(italiana, "italiana"),
|
||||
Staatliches: createFont(staatliches, "staatliches"),
|
||||
|
||||
"Press Start 2P": createFont(pressstart2p, "pressstart2p"),
|
||||
Righteous: createFont(righteous, "righteous"),
|
||||
"Metal Mania": createFont(metalmania, "metalmania"),
|
||||
Alegreya: createFont(alegreya, "alegreya"),
|
||||
Spectral: createFont(spectral, "spectral"),
|
||||
"Fjalla One": createFont(fjallaone, "fjallaone"),
|
||||
"Glass Antiqua": createFont(glassantiqua, "glassantiqua"),
|
||||
"Cinzel Decorative": createFont(cinzeldecorative, "cinzeldecorative"),
|
||||
Andika: createFont(andika, "andika"),
|
||||
};
|
||||
|
||||
export const getFontData = (key) => fonts[key] ?? inter;
|
||||
export const getFontData = (key) => fonts[key] ?? fonts["Anton"];
|
||||
|
||||
Reference in New Issue
Block a user