Added font source fonts.

Added font import to layouts.
Added font names to css file

package-lock.json

@@ -10,6 +10,10 @@
         "@astrojs/markdoc": "^0.15.10",
         "@astrojs/node": "^9.5.3",
         "@dotenvx/dotenvx": "^1.52.0",
+        "@fontsource-variable/kameron": "^5.2.8",
+        "@fontsource-variable/kreon": "^5.2.8",
+        "@fontsource-variable/rokkitt": "^5.2.8",
+        "@fontsource/poppins": "^5.2.7",
         "@iconify-json/ph": "^1.2.2",
         "@tailwindcss/vite": "^4.1.18",
         "@unpic/astro": "^1.0.2",
@@ -910,6 +914,42 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fontsource-variable/kameron": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/kameron/-/kameron-5.2.8.tgz",
+      "integrity": "sha512-Q2wjV3qZ62H54rl2k3QUopvPutXBjOU+gy2aqTz4iZYKPW2w0LTvY+UmQLSaWmTXV3MTCHKemr8HRxObQZjx3A==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource-variable/kreon": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/kreon/-/kreon-5.2.8.tgz",
+      "integrity": "sha512-QSRKN9LwxoUIMjA1utIBRu5kMg5I2nmHTRJ6/+vstlnjW+eaMCxjPdpL5+NM3cFhUwyFXu/U52NmJmINrXEG1g==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource-variable/rokkitt": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/rokkitt/-/rokkitt-5.2.8.tgz",
+      "integrity": "sha512-/1yuWZ0YdvzD5UgayFmISjubAhqkDC5/RZyd583XCXBS9Yck3t0IYGN37+qEZtA8iQ8AypoVc2CfTRmz6L5mHQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/poppins": {
+      "version": "5.2.7",
+      "resolved": "https://registry.npmjs.org/@fontsource/poppins/-/poppins-5.2.7.tgz",
+      "integrity": "sha512-6uQyPmseo4FgI97WIhA4yWRlNaoLk4vSDK/PyRwdqqZb5zAEuc+Kunt8JTMcsHYUEGYBtN15SNkMajMdqUSUmg==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@iconify-json/ph": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@iconify-json/ph/-/ph-1.2.2.tgz",

package.json

@@ -12,6 +12,10 @@
     "@astrojs/markdoc": "^0.15.10",
     "@astrojs/node": "^9.5.3",
     "@dotenvx/dotenvx": "^1.52.0",
+    "@fontsource-variable/kameron": "^5.2.8",
+    "@fontsource-variable/kreon": "^5.2.8",
+    "@fontsource-variable/rokkitt": "^5.2.8",
+    "@fontsource/poppins": "^5.2.7",
     "@iconify-json/ph": "^1.2.2",
     "@tailwindcss/vite": "^4.1.18",
     "@unpic/astro": "^1.0.2",

src/layouts/MainLayout.astro

@@ -1,8 +1,10 @@
 ---
-import Header from "../components/Header.astro";
 import BaseHead from "../components/BaseHead.astro";
 import Footer from "../components/Footer.astro";
 import "../styles/global.css";
+import '@fontsource/poppins';
+import '@fontsource-variable/kameron';
+
 const { title } = Astro.props;
 ---
 

src/styles/global.css

@@ -4,7 +4,7 @@
 
 @theme {
     --font-primary: "Poppins", sans-serif;
-    --font-secondary: "Rockwell", sans-serif;
+    --font-secondary: "Kameron Variable", sans-serif;
 
     --color-colorPrimary: #EBE6D2;
     --color-colorSecondary: #CBA16A;