Incorrect font on mobile, using Next.js.
I can't figure out why this isn't translating to mobile correctly. Anything obvious I'm missing out on that ChatGPT isn't helping me with?
import { type AppType } from "next/dist/shared/lib/utils";
import "~/styles/globals.css";
import localFont from "next/font/local";
import { AnimatePresence } from "framer-motion";
const ppMori = localFont({ src: "../../src/assets/PPMori-Regular.otf" });
const MyApp: AppType = ({ Component, pageProps }) => {
return (
<main className={ppMori.className}>
<AnimatePresence mode="wait">
<Component {...pageProps} />
</AnimatePresence>
</main>
);
};
export default MyApp;
0 Replies