after too many hours; fonts work now...

2025-03-05 15:42:56 +00:00 · 2025-03-05 15:42:56 +00:00 · c05dcca091
commit c05dcca091
parent 108ad19cc3
4 changed files with 20 additions and 13 deletions
--- a/src/assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf
+++ b/src/assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@ -9,7 +9,7 @@ import Footer from "@/components/Footer.astro";
  <BaseHead>
    <slot name="head" />
  </BaseHead>
-  <body class="mx-auto min-h-screen max-w-xs p-3 sm:p-6">
+  <body class="mx-auto min-h-screen max-w-xs font-jb p-3 font-jb sm:p-6">
    <main>
      <slot />
    </main>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@ -1,15 +1,17 @@
+@font-face {
+    font-family: jb;
+    src: url("../assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf");
+}
+/*@theme {*/
+/*    --font-jb: jb;*/
+/*}*/
@tailwind base;
@tailwind components;
@tailwind utilities;
-@font-face {
-  font-family: 'jb';
-  src: url("/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf") format("ttf");
-}
+
@layer base { 
  :root {
-    color-scheme: light dark;
-    font-family: 'jb';
-
+    color-scheme: dark;
    /* replace colors from here... */
    --light-mode-background: 240 240 240;
    --light-mode-foreground: 0 0 0;
@ -44,12 +46,13 @@
    --dark-mode-custom-link-text-hover: 255 255 255;
    /* ...to here */
  }
+  html {
+    font-family: "JetB";
+  }
  body {
    background-color: light-dark(
      rgb(var(--light-mode-background)),
      rgb(var(--dark-mode-background))
    );
-    font-family: 'jb';
  } 
-
 }
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@ -7,6 +7,10 @@ export default {
  plugins: [require("@tailwindcss/typography")],
  theme: {
    extend: { 
+      fontFamily: {
+        jb: ['jb'],
+        //just testing shit
+      },
      colors: {
        lightModeBackground:
          "rgb(var(--light-mode-background) / <alpha-value>)",