Gute version, fonts laden nicht
This commit is contained in:
375
lib/fonts.js
375
lib/fonts.js
@@ -1,324 +1,69 @@
|
||||
// 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";
|
||||
|
||||
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",
|
||||
});
|
||||
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" });
|
||||
|
||||
// 🧑🎤 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",
|
||||
});
|
||||
|
||||
// 🚀 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",
|
||||
});
|
||||
|
||||
// 🧢 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 fonts = {
|
||||
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"),
|
||||
montserrat: "font-montserrat",
|
||||
opensans: "font-opensans",
|
||||
roboto: "font-roboto",
|
||||
lato: "font-lato",
|
||||
raleway: "font-raleway",
|
||||
poppins: "font-poppins",
|
||||
worksans: "font-worksans",
|
||||
jost: "font-jost",
|
||||
notosans: "font-notosans",
|
||||
quicksand: "font-quicksand",
|
||||
averialibre: "font-averialibre",
|
||||
philosopher: "font-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"),
|
||||
pacifico: "font-pacifico",
|
||||
caveat: "font-caveat",
|
||||
sacramento: "font-sacramento",
|
||||
dancingscript: "font-dancingscript",
|
||||
indieflower: "font-indieflower",
|
||||
amatic: "font-amatic",
|
||||
kaushan: "font-kaushan",
|
||||
architects: "font-architects",
|
||||
neucha: "font-neucha",
|
||||
greatvibes: "font-greatvibes",
|
||||
satisfy: "font-satisfy",
|
||||
yellowtail: "font-yellowtail",
|
||||
gloria: "font-gloria",
|
||||
courgette: "font-courgette",
|
||||
almendra: "font-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"),
|
||||
oswald: "font-oswald",
|
||||
bebasneue: "font-bebasneue",
|
||||
|
||||
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"),
|
||||
ultra: "font-ultra",
|
||||
stint: "font-stint",
|
||||
playfair: "font-playfair",
|
||||
abril: "font-abril",
|
||||
permanentmarker: "font-permanentmarker",
|
||||
alfaslab: "font-alfaslab",
|
||||
blackops: "font-blackops",
|
||||
germania: "font-germania",
|
||||
holtwood: "font-holtwood",
|
||||
|
||||
"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"),
|
||||
exo: "font-exo",
|
||||
orbitron: "font-orbitron",
|
||||
audiowide: "font-audiowide",
|
||||
rajdhani: "font-rajdhani",
|
||||
spacemono: "font-spacemono",
|
||||
questrial: "font-questrial",
|
||||
syncopate: "font-syncopate",
|
||||
unicaone: "font-unicaone",
|
||||
italiana: "font-italiana",
|
||||
staatliches: "font-staatliches",
|
||||
|
||||
pressstart2p: "font-pressstart2p",
|
||||
righteous: "font-righteous",
|
||||
metalmania: "font-metalmania",
|
||||
alegreya: "font-alegreya",
|
||||
spectral: "font-spectral",
|
||||
fjallaone: "font-fjallaone",
|
||||
glassantiqua: "font-glassantiqua",
|
||||
cinzeldecorative: "font-cinzeldecorative",
|
||||
andika: "font-andika",
|
||||
};
|
||||
|
||||
export const getFontData = (key) => fonts[key] ?? fonts["Anton"];
|
||||
export const getFontData = (key) =>
|
||||
fonts[key?.toLowerCase()] ?? fonts["montserrat"];
|
||||
|
||||
@@ -33,7 +33,6 @@ export default {
|
||||
|
||||
oswald: "--font-oswald",
|
||||
bebasneue: "--font-bebasneue",
|
||||
anton: "--font-anton",
|
||||
ultra: "--font-ultra",
|
||||
stintultracondensed: "--font-stint",
|
||||
playfairdisplay: "--font-playfair",
|
||||
|
||||
Reference in New Issue
Block a user