use serif font for main body text

diff --git a/bun.lock b/bun.lock
index 28378c5535aba1275db2440783e8b36113c3d49e..bf59ce89d746f27f58857cc599e5e865d42ea07f 100644 (file)
--- a/bun.lock
+++ b/bun.lock
@@ -11,17 +11,18 @@
         "@astrojs/sitemap": "3.6.0",
         "@fontsource-variable/public-sans": "^5.2.7",
         "@fontsource-variable/source-code-pro": "^5.2.7",
+        "@fontsource-variable/source-serif-4": "^5.2.9",
         "@iconify-json/mdi": "^1.2.3",
         "@vercel/og": "^0.8.5",
         "astro": "5.16.3",
         "astro-icon": "^1.1.5",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
-        "recharts": "^3.5.0",
+        "recharts": "^3.5.1",
       },
       "devDependencies": {
         "@types/bun": "^1.3.3",
-        "@types/react": "^19.2.6",
+        "@types/react": "^19.2.7",
         "@types/react-dom": "^19.2.3",
       },
     },
@@ -145,6 +146,8 @@
 
     "@fontsource-variable/source-code-pro": ["@fontsource-variable/source-code-pro@5.2.7", "", {}, "sha512-kZ0VNwnhvSA7vu5MaiO52eicQ4zC+k+8HBLZb+1js0MK/RngLy25NEUFB1y/AKd0ZMwru88T433QBcFf9m/huw=="],
 
+    "@fontsource-variable/source-serif-4": ["@fontsource-variable/source-serif-4@5.2.9", "", {}, "sha512-PPcxjLFk/fS0WHg79pDM2YNvz61kC+oYZ5cWZZyCS0DHpJncmuYOuiZAsvj4tDxlWPBEvxxcRLQQNmSaRbPkqw=="],
+
     "@iconify-json/mdi": ["@iconify-json/mdi@1.2.3", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg=="],
 
     "@iconify/tools": ["@iconify/tools@4.1.4", "", { "dependencies": { "@iconify/types": "^2.0.0", "@iconify/utils": "^2.3.0", "@types/tar": "^6.1.13", "axios": "^1.12.1", "cheerio": "1.0.0", "domhandler": "^5.0.3", "extract-zip": "^2.0.1", "local-pkg": "^0.5.1", "pathe": "^1.1.2", "svgo": "^3.3.2", "tar": "^6.2.1" } }, "sha512-s6BcNUcCxQ3S6cvhlsoWzOuBt8qKXdVyXB9rT57uSJ/ARHD7dVM43+5ERBWn3tmkMWXeJ/s9DPVc3dUasayzeA=="],

diff --git a/package.json b/package.json
index b5ba782d122b160e290e5b22f4f57a07bb9ca7b9..d900be71508b75737e8fb2b34ed59fd456891f9e 100644 (file)
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@astrojs/sitemap": "3.6.0",
     "@fontsource-variable/public-sans": "^5.2.7",
     "@fontsource-variable/source-code-pro": "^5.2.7",
+    "@fontsource-variable/source-serif-4": "^5.2.9",
     "@iconify-json/mdi": "^1.2.3",
     "@vercel/og": "^0.8.5",
     "astro": "5.16.3",

diff --git a/src/components/footer.astro b/src/components/footer.astro
index 4d71806c4cdf59b638af3e77ec778620d99bfa6d..80ea83197f13ce5748a5a7f98dd2afb67ef93ec2 100644 (file)
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -23,6 +23,7 @@ const currentYear = new Date().getFullYear();
 
 <style>
     footer {
+        font-family: "Public Sans Variable", sans-serif;
         text-align: center;
     }
     menu {

diff --git a/src/components/navigation.astro b/src/components/navigation.astro
index a63792e8a1c14945f156c5e6c78da9d9d23ac828..51cf3467d20aef29a2df2618d6a95bdb57fd1177 100644 (file)
--- a/src/components/navigation.astro
+++ b/src/components/navigation.astro
@@ -13,6 +13,7 @@ import { menuItems } from '@utils/globals.ts';
 
 <style>
     nav {
+        font-family: "Public Sans Variable", sans-serif;
         margin-bottom: 1rem;
     }
     menu {

diff --git a/src/layouts/base.astro b/src/layouts/base.astro
index 421759bdfbdc761c5493bd426ed9ddb34a7917b7..7bf66adcff13a78338a1aae2784aba32d495e4de 100644 (file)
--- a/src/layouts/base.astro
+++ b/src/layouts/base.astro
@@ -2,6 +2,7 @@
 import '@styles/reset.css';
 import '@fontsource-variable/public-sans';
 import '@fontsource-variable/source-code-pro';
+import '@fontsource-variable/source-serif-4';
 import '@styles/style.css';
 import HeadBase from '@components/head/base.astro';
 import HeadPage from '@components/head/page.astro';

diff --git a/src/styles/style.css b/src/styles/style.css
index 893b7c99e0fdfb420bb8653d3940694849538a07..d04206d09fe7f5ada5745e285c8430aebccc9ff4 100644 (file)
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -9,8 +9,7 @@
 html {
   background-color: light-dark(#ffffff, #000000);
   color: light-dark(#000000, #ffffff);
-  font-family: "Public Sans Variable", sans-serif;
-  font-feature-settings: "kern" 1, "kern";
+  font-family: "Source Serif 4 Variable", serif;
   font-kerning: normal;
   font-weight: 400;
   font-size: 100%;
@@ -25,6 +24,7 @@ body {
   line-height: 1.6;
 }
 h1, h2, h3, h4, h5, h6 {
+  font-family: "Public Sans Variable", sans-serif;
   font-weight: 700;
 }
 strong {