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/components/Introduction.astro b/src/components/Introduction.astro index d445050..3cb3393 100644 --- a/src/components/Introduction.astro +++ b/src/components/Introduction.astro @@ -16,7 +16,7 @@ import profilePicture from "@/assets/profile-picture.png"; draggable="false" class="mx-auto size-32 rounded-full" /> -

{SITE.name}

+

{SITE.name}

diff --git a/src/components/Post.astro b/src/components/Post.astro index 4eb4317..3d4d320 100644 --- a/src/components/Post.astro +++ b/src/components/Post.astro @@ -7,7 +7,7 @@ const { post } = Astro.props;

  • {post.data.title}
    - +
    diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 63f2fdd..c6d8bed 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -31,7 +31,7 @@ const { Content } = await entry.render();
    {`← ${SITE.name}`} { @@ -44,7 +44,7 @@ const { Content } = await entry.render(); ) }

    {entry.data.title}

    @@ -59,7 +59,7 @@ const { Content } = await entry.render();
    {`← ${SITE.name}`} diff --git a/src/styles/global.css b/src/styles/global.css index 20fba06..7d3e6de 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,15 +1,15 @@ @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 { + @font-face { + font-family: JetBrainsMono; + font-weight: 700; + src: url("../assets/fonts/JetBrainsMonoNLNerdFont-Regular.ttf"); + } + :root { + color-scheme: dark; /* replace colors from here... */ --light-mode-background: 240 240 240; --light-mode-foreground: 0 0 0; @@ -44,12 +44,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 ac8c019..f62d1b6 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -8,7 +8,7 @@ export default { theme: { extend: { fontFamily: { - customFont: ['"JetBrainsMonoNLNerdFont-Regular.ttf"', ""], + JetBrainsMono: ['JetBrainsMono'], }, colors: { lightModeBackground: