add fonts

earth-walker · earth-walker · commit 3bb46a21fb57 · 2026-01-10T14:29:06.000-05:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@fontsource/open-sans": "^5.2.7",
+    "@fontsource/ramaraja": "^5.2.8"
+  }
+}
diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
@@ -1,5 +1,5 @@
 <footer class="py-12 text-center flex flex-col gap-3 bg-green-300">
   <a class="underline" href=`${import.meta.env.BASE_URL}/#top`>Return to top</a>
-  <p class="text-xl font-semibold">Benefit Decision Toolkit</p>
+  <p class="text-xl font-semibold font-serif">Benefit Decision Toolkit</p>
   <p>With ❤️ from Philly</p>
 </footer>
diff --git a/website/src/layouts/Layout.astro b/website/src/layouts/Layout.astro
@@ -13,7 +13,7 @@ import Footer from "../components/Footer.astro";
     <title>Benefit Decision Toolkit</title>
   </head>
   <body
-    class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6"
+    class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold"
   >
     <div id="top"></div>
     <Header />
diff --git a/website/src/styles/global.css b/website/src/styles/global.css
@@ -1,2 +1,7 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
+
+@theme {
+  --font-sans: "Open Sans";
+  --font-serif: "Ramaraja";
+}

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ import Footer from "../components/Footer.astro";`
`13`	`13`	`<title>Benefit Decision Toolkit</title>`
`14`	`14`	`</head>`
`15`	`15`	`<body`
`16`		`- class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6"`
	`16`	`+ class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold"`
`17`	`17`	`>`
`18`	`18`	`<div id="top"></div>`
`19`	`19`	`<Header />`