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) / )",