ultra super duper font combo

src/app.pcss

@@ -12,6 +12,92 @@ html {
     @apply !bg-base-200 scroll-smooth	overflow-x-hidden overflow-y-scroll;
 }
 
+/* ############ FONTS ############ */
+
+/* ############ HEADINGS ############ */
+
+h1 {
+    @apply text-6xl font-black;
+}
+
+h2 {
+    @apply text-5xl font-extrabold;
+}
+
+h3 {
+    @apply text-4xl font-bold;
+}
+
+h4 {
+    @apply text-3xl font-semibold;
+}
+
+h5 {
+    @apply text-2xl font-medium;
+}
+
+h6 {
+    @apply text-xl font-normal;
+}
+
+/* ############ HEADINGS ############ */
+
+@font-face {
+    font-family: 'Orbitron-Variable';
+    src:
+        url('assets/fonts/Orbitron-VariableFont_wght.woff') format('woff'),
+        url('assets/fonts/Orbitron-VariableFont_wght.ttf') format('truetype');
+    font-weight: 300 900;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'RobotoMono-Italic-Variable';
+    src:
+        url('assets/fonts/RobotoMono-Italic-VariableFont_wght.woff') format('woff'),
+        url('assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf') format('truetype');
+    font-weight: 300 900;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'RobotoMono-VariableFont';
+    src:
+        url('assets/fonts/RobotoMono-VariableFont_wght.woff') format('woff'),
+        url('assets/fonts/RobotoMono-VariableFont_wght.ttf') format('truetype');
+    font-weight: 300 900;
+    font-display: swap;
+    font-style: italic;
+}
+
+/* ############ FONTS ############ */
+
+/* ############ FONTS CONFIG ############ */
+
+/* Normal text */
+body {
+    @apply font-['RobotoMono-VariableFont'];
+}
+
+/* Italic text outside prose */
+em {
+    @apply font-['RobotoMono-Italic-Variable'];
+}
+
+/* Prose text */
+.urara-prose {
+    @apply font-['RobotoMono-VariableFont'];
+}
+
+/* Italic text */
+.urara-prose em {
+    @apply font-['RobotoMono-Italic-Variable'];
+}
+
+/* ############ FONTS CONFIG ############ */
+
 ::selection {
     @apply bg-primary/20;
 }