enable vercel analytics

lib/styles/fonts/index.ts

@@ -0,0 +1,6 @@
+// a weird system but makes it impossible to accidentally end up with multiple imports of the same font. see:
+// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts#reusing-fonts
+
+export { default as Inter } from "./loaders/Inter";
+export { default as SourceCodePro } from "./loaders/SourceCodePro";
+export { default as ComicNeue } from "./loaders/ComicNeue";

lib/styles/fonts/loaders/ComicNeue.ts

@@ -0,0 +1,13 @@
+import { Comic_Neue as ComicNeueLoader } from "next/font/google";
+
+const ComicNeue = ComicNeueLoader({
+  weight: ["400", "700"],
+  style: ["normal", "italic"],
+  subsets: ["latin"],
+  display: "swap",
+  fallback: ["'Comic Sans MS'", "'Comic Sans'"],
+  adjustFontFallback: false,
+  preload: false,
+});
+
+export default ComicNeue;

lib/styles/fonts/loaders/Inter.ts

@@ -0,0 +1,10 @@
+import { Inter as InterLoader } from "next/font/google";
+
+const Inter = InterLoader({
+  weight: "variable",
+  subsets: ["latin"],
+  display: "fallback",
+  preload: true,
+});
+
+export default Inter;

lib/styles/fonts/loaders/SourceCodePro.ts

@@ -0,0 +1,10 @@
+import { Source_Code_Pro as SourceCodeProLoader } from "next/font/google";
+
+const SourceCodePro = SourceCodeProLoader({
+  weight: "variable",
+  subsets: ["latin"],
+  display: "fallback",
+  preload: true,
+});
+
+export default SourceCodePro;