clean up next fonts

lib/styles/utils/fonts.ts

@@ -0,0 +1,30 @@
+import {
+  Inter as InterLoader,
+  Roboto_Mono as RobotoMonoLoader,
+  Comic_Neue as ComicNeueLoader,
+} from "@next/font/google";
+
+// note: subsets are set to 'latin' globally in next.config.js
+// https://beta.nextjs.org/docs/optimizing/fonts#specifying-a-subset
+
+export const Inter = InterLoader({
+  weight: "variable",
+  display: "fallback",
+  preload: true,
+});
+
+export const RobotoMono = RobotoMonoLoader({
+  weight: "variable",
+  display: "fallback",
+  preload: true,
+});
+
+// only for use in pages/previously.tsx (and tree-shaken out everywhere else in production)
+export const ComicNeue = ComicNeueLoader({
+  weight: ["400", "700"],
+  style: ["normal", "italic"],
+  display: "swap",
+  fallback: ["'Comic Sans MS'", "'Comic Sans'"],
+  adjustFontFallback: false,
+  preload: false,
+});