From c05dcca09127989139f462c88b9eeefc61343f11 Mon Sep 17 00:00:00 2001 From: kitty Date: Wed, 5 Mar 2025 15:42:56 +0000 Subject: [PATCH] after too many hours; fonts work now... --- .../JetBrainsMonoNLNerdFont-Regular.ttf | Bin src/layouts/BaseLayout.astro | 2 +- src/styles/global.css | 27 ++++++++++-------- tailwind.config.mjs | 4 +++ 4 files changed, 20 insertions(+), 13 deletions(-) rename src/assets/{ => fonts}/JetBrainsMonoNLNerdFont-Regular.ttf (100%) diff --git a/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf b/src/assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf similarity index 100% rename from src/assets/JetBrainsMonoNLNerdFont-Regular.ttf rename to src/assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 7e86501..eae3fa3 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -9,7 +9,7 @@ import Footer from "@/components/Footer.astro"; - +
diff --git a/src/styles/global.css b/src/styles/global.css index 20fba06..9a59397 100644 --- 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'; +@layer base { + :root { + 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'; - } - -} \ No newline at end of file + } +} diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 5344b1d..2d2369e 100644 --- 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) / )",