fancytextstuff/pages/_app.js

76 lines
2.3 KiB
JavaScript

// pages/app.js
import "@/styles/tailwind.build.css";
import "../styles/globals.css";
// Alle exportierten Schriftarten aus lib/fonts.js importieren
import {
montserrat,
lato,
raleway,
poppins,
openSans,
roboto,
workSans,
notoSans,
jost,
quicksand,
averiaLibre,
philosopher,
pacifico,
sacramento,
caveat,
dancingScript,
indieFlower,
amatic,
kaushan,
architects,
neucha,
greatVibes,
satisfy,
yellowtail,
gloria,
courgette,
almendra,
oswald,
bebasNeue,
ultra,
stint,
playfair,
abril,
permanentMarker,
alfaSlab,
blackOps,
germania,
holtwood,
exo,
orbitron,
audiowide,
rajdhani,
spaceMono,
questrial,
syncopate,
unicaOne,
italiana,
staatliches,
pressStart2p,
righteous,
metalMania,
alegreya,
spectral,
fjallaOne,
glassAntiqua,
cinzelDecorative,
andika,
} from "@/lib/fonts";
export default function MyApp({ Component, pageProps }) {
// Die Variablennamen aller Schriftarten in einer Klasse zusammenfassen
const fontVariables = `${montserrat.variable} ${lato.variable} ${raleway.variable} ${poppins.variable} ${openSans.variable} ${roboto.variable} ${workSans.variable} ${notoSans.variable} ${jost.variable} ${quicksand.variable} ${averiaLibre.variable} ${philosopher.variable} ${pacifico.variable} ${sacramento.variable} ${caveat.variable} ${dancingScript.variable} ${indieFlower.variable} ${amatic.variable} ${kaushan.variable} ${architects.variable} ${neucha.variable} ${greatVibes.variable} ${satisfy.variable} ${yellowtail.variable} ${gloria.variable} ${courgette.variable} ${almendra.variable} ${oswald.variable} ${bebasNeue.variable} ${ultra.variable} ${stint.variable} ${playfair.variable} ${abril.variable} ${permanentMarker.variable} ${alfaSlab.variable} ${blackOps.variable} ${germania.variable} ${holtwood.variable} ${exo.variable} ${orbitron.variable} ${audiowide.variable} ${rajdhani.variable} ${spaceMono.variable} ${questrial.variable} ${syncopate.variable} ${unicaOne.variable} ${italiana.variable} ${staatliches.variable} ${pressStart2p.variable} ${righteous.variable} ${metalMania.variable} ${alegreya.variable} ${spectral.variable} ${fjallaOne.variable} ${glassAntiqua.variable} ${cinzelDecorative.variable} ${andika.variable}`;
return (
<div className={fontVariables}>
<Component {...pageProps} />
</div>
);
}