WIP 2

apps/link/app/_styles/theme.ts

@@ -1,3 +1,30 @@
+import { Roboto, Playfair_Display, Poppins } from "next/font/google";
+
+const roboto = Roboto({
+  weight: ["400"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const playfair = Playfair_Display({
+  weight: ["900"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const poppins = Poppins({
+  weight: ["400", "700"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+export const fonts = {
+  roboto,
+  playfair,
+  poppins,
+};
+
+
 export const colors: any = {
   lightGray: "#ededf0",
   mediumGray: "#e3e5e5",
@@ -29,33 +56,33 @@ export const colors: any = {
 
 export const typography: any = {
   h1: {
-    fontFamily: "Playfair, serif",
+    fontFamily: playfair.style.fontFamily,
     fontSize: 45,
     fontWeight: 700,
     lineHeight: 1.1,
     margin: 0,
   },
   h2: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontSize: 35,
     fontWeight: 700,
     lineHeight: 1.1,
     margin: 0,
   },
   h3: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontWeight: 400,
     fontSize: 27,
     lineHeight: 1.1,
     margin: 0,
   },
   h4: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontWeight: 700,
     fontSize: 18,
   },
   h5: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontWeight: 700,
     fontSize: 16,
     lineHeight: "24px",
@@ -64,20 +91,20 @@ export const typography: any = {
     margin: 1,
   },
   h6: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontWeight: 400,
     fontSize: 14,
     textAlign: "center",
   },
   p: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontSize: 17,
     lineHeight: "26.35px",
     fontWeight: 400,
     margin: 0,
   },
   small: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontSize: 13,
     lineHeight: "18px",
     fontWeight: 400,