From c69d15853de20468942cc5ea3f7e9fbaf4c08049 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jens=20R=C3=B8mer=20Hesselbjerg?= <jh.roemer@gmail.com>
Date: Wed, 7 May 2025 10:48:42 +0200
Subject: [PATCH] Define custom jost font through tailwind theme

---
 src/components/Header.astro | 13 +------------
 src/styles/global.css       |  4 ++++
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 9fc1574..4fa7d42 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,22 +2,11 @@
 import Navigation from "./Navigation.astro";
 ---
 
-<style>
-  a {
-    /* TODO */
-    font-family:
-      jost,
-      -apple-system,
-      BlinkMacSystemFont,
-      sans-serif;
-  }
-</style>
-
 <header class="flex items-center justify-between">
   <div class="flex">
     <a
       href="/"
-      class="no-underline tracking-wide transition-colors duration-200 hover:text-[var(--grey-2)]"
+      class="font-jost no-underline tracking-wide transition-colors duration-200 hover:text-[var(--grey-2)]"
     >
       Jens Rømer
     </a>
diff --git a/src/styles/global.css b/src/styles/global.css
index 97e1fa7..3a5a217 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -3,6 +3,10 @@
 /* @import "tailwindcss/preflight.css" layer(base); */
 @import "tailwindcss/utilities.css" layer(utilities);
 
+@theme {
+  --font-jost: jost, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
 @layer base {
   :root {
     --grey-1: #c7c7c7;
-- 
2.51.2