From 0f2366dcee469ac690bce139268b999d62cb5212 Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Mon, 12 May 2025 20:27:00 +0200
Subject: [PATCH] Set default font family to Roboto

---
 package-lock.json     | 10 ++++++++++
 package.json          |  1 +
 src/styles/global.css |  6 ++++++
 3 files changed, 17 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 3ae8b3f..7009412 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@astrojs/rss": "4.0.11",
         "@astrojs/sitemap": "3.3.1",
+        "@fontsource-variable/roboto": "5.2.5",
         "@tailwindcss/vite": "4.1.4",
         "astro": "5.7.5",
         "markdown-it": "14.1.0",
@@ -586,6 +587,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fontsource-variable/roboto": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/roboto/-/roboto-5.2.5.tgz",
+      "integrity": "sha512-csqBSOWXv0h5IbPhEqYJua6/nxl7dSNZbBOMeXSO9aqzgPw3GpfgC9kL5M6ULFLRaoDoBD4U9QctoDLKMaTyMg==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@img/sharp-darwin-arm64": {
       "version": "0.33.5",
       "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
diff --git a/package.json b/package.json
index 3af5672..3ae062c 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/rss": "4.0.11",
     "@astrojs/sitemap": "3.3.1",
+    "@fontsource-variable/roboto": "5.2.5",
     "@tailwindcss/vite": "4.1.4",
     "astro": "5.7.5",
     "markdown-it": "14.1.0",
diff --git a/src/styles/global.css b/src/styles/global.css
index c04f833..8131a74 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,4 +1,10 @@
 @import "tailwindcss";
+@import "@fontsource-variable/roboto";
+
 @plugin "@tailwindcss/typography";
 
 @custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+  --font-sans: "Roboto Variable", "sans-serif";
+}