adding some fonts

src/resources/css/typography.css

@@ -45,3 +45,91 @@
     font-style: italic;
     font-display: swap;
 }
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format("woff2");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format("woff2");
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format("woff2");
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format("woff2");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "OpenSans";
+    src: url('/fonts/OpenSans/OpenSans-BoldItalic.woff2') format("woff2");
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "VictorMono";
+    src: url('/fonts/VictorMono/VictorMono-Regular.woff2') format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "VictorMono";
+    src: url('/fonts/VictorMono/VictorMono-Italic.woff2') format("woff2");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "VictorMono";
+    src: url('/fonts/VictorMono/VictorMono-Bold.woff2') format("woff2");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "VictorMono";
+    src: url('/fonts/VictorMono/VictorMono-BoldItalic.woff2') format("woff2");
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "PoiretOne";
+    src: url('/fonts/PoiretOne/PoiretOne-Regular.woff2') format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}

src/tailwind.config.js

@@ -209,15 +209,41 @@ module.exports = {
 
 
       // pinks
+      'mandy': {
+        50: '#fef2f3',
+        100: '#fde6e7',
+        200: '#fbd0d5',
+        300: '#f7aab2',
+        400: '#f27a8a',
+        500: '#ea546c',
+        600: '#d5294d',
+        700: '#b31d3f',
+        800: '#961b3c',
+        900: '#811a39',
+      },
+
+      'amaranth': {
+        50: '#fff1f4',
+        100: '#ffe3e8',
+        200: '#ffcbd8',
+        300: '#ffa1b8',
+        400: '#ff6d94',
+        500: '#fa3972',
+        600: '#e91f64',
+        700: '#c40c4f',
+        800: '#a40d49',
+        900: '#8c0f45',
+      },
+
 
     },
 
     fontFamily: {
-      sans: ['Nunito', ...defaultTheme.fontFamily.sans],
+      sans: ['OpenSans', ...defaultTheme.fontFamily.sans],
       serif: ['Nunito', ...defaultTheme.fontFamily.serif],
-      mono: ['Nunito', ...defaultTheme.fontFamily.mono],
-      display: ['Nunito', ...defaultTheme.fontFamily.display],
-      body: ['"Font Name"', ...defaultTheme.fontFamily.body],
+      mono: ['RobotoMono', ...defaultTheme.fontFamily.mono],
+      display: ['PoiretOne', ...defaultTheme.fontFamily.display],
+      body: ['OpenSans', ...defaultTheme.fontFamily.body],
     },
 
     extend: {},