feat: 🎸 add ui fonts

Author: segfault0x61

public/assets/fonts/IBM Plex Sans Regular.woff2

@@ -2,8 +2,24 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  @font-face {
+    font-family: Writter;
+    src: url("./assets/fonts/iA Writter Quattro S Regular.woff2")
+      format("woff2");
+  }
+  @font-face {
+    font-family: Agrandir;
+    src: url("./assets/fonts/PP Agrandir Regular.woff2") format("woff2");
+  }
+  @font-face {
+    font-family: TN;
+    src: url("./assets/fonts/TN Medium.woff2") format("woff2");
+  }
+}
+
 body {
-  @apply text-slate-600;
+  @apply text-slate-600 font-writter;
 }
 
 p {
@@ -15,7 +31,7 @@ h1 {
 }
 
 h2 {
-  @apply text-4xl font-bold dark:text-white mb-2 mt-3 text-slate-600;
+  @apply text-5xl font-bold dark:text-white mb-2 mt-3 text-slate-600;
 }
 
 h3 {

public/assets/fonts/PP Agrandir Bold.woff2

@@ -1,11 +1,18 @@
 /** @type {import('tailwindcss').Config} */
+import defaultTheme from "tailwindcss/defaultTheme";
+
 module.exports = {
   content: ["./src/**/*.{html,ts}", "./node_modules/flowbite/**/*.js"],
   theme: {
     extend: {
       height: {
         "100vh-h-7": "calc(100vh - 12rem)",
       },
+      fontFamily: {
+        writter: ["Writter", ...defaultTheme.fontFamily.sans],
+        agrandir: ["Agrandir", ...defaultTheme.fontFamily.sans],
+        tn: ["TN", ...defaultTheme.fontFamily.sans],
+      },
     },
   },
   plugins: [require("@tailwindcss/typography"), require("flowbite/plugin")],